A mashup between reagami and webcomponents. I don't know why you would do this, but you can!

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=gzip%3AH4sIAAAAAAAAE2VSsY7bMAzd%2FRWss1iD7c6aChwK3NBDh%2BtmeFAk5qycLCkS1dQI8u%2BFbfkaXzWJ5Hskn%2FQqG2GcauF9AVDxgJekAxYA0JUDkY%2B8bTGOTRzagOJNjLoELiLkoF%2BQ8ZK0pUa6gMADnjBAp%2FAkjYix7xkrimoL4WX6bnBES%2FM8%2FENoVYRzbJ9%2FvfzIFVbMtZNGo6COg1Duyh4yxklh6kiCcEVKZyOFJMkF6GjQcdkKqpg8BpbvSF%2B2ZlA1gkjI4XUNZwrc%2BOgUAnce7Z3tWA8DoRLkRrhx6ZIlDPD1AyuUqq%2BC5LAncB7QKgxwqJp8m%2Bcxtuz%2B83hGSVmERUmonoQxRyHfd1L21EV1zjyi8qe0uZTlLjWAjiv9Gzp%2BTETOwo07W0uj5Xuufz6HKl6F%2FyQ%2FebWI2uRrK9l936B8mpvCgoASqg%2Fst93P9Rur49r6RHDj3giJgzPz7iVNHiG6EWnQ9q28zz6ajdQoPGmLIFMkN2bHRODjVOMa%2FLNYNp6F7a364v9Xqs6xVU6mmdBcEobpFQ0uZioPwvuSQffQfbXzymV%2FARWH8hw%2BAwAA

A mashup between reagami and webcomponents. I don't know why you would do this, but you can!

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=gzip%3AH4sIAAAAAAAAE2VSsY7bMAzd%2FRWss1iD7c6aChwK3NBDh%2BtmeFAk5qycLCkS1dQI8u%2BFbfkaXzWJ5Hskn%2FQqG2GcauF9AVDxgJekAxYA0JUDkY%2B8bTGOTRzagOJNjLoELiLkoF%2BQ8ZK0pUa6gMADnjBAp%2FAkjYix7xkrimoL4WX6bnBES%2FM8%2FENoVYRzbJ9%2FvfzIFVbMtZNGo6COg1Duyh4yxklh6kiCcEVKZyOFJMkF6GjQcdkKqpg8BpbvSF%2B2ZlA1gkjI4XUNZwrc%2BOgUAnce7Z3tWA8DoRLkRrhx6ZIlDPD1AyuUqq%2BC5LAncB7QKgxwqJp8m%2Bcxtuz%2B83hGSVmERUmonoQxRyHfd1L21EV1zjyi8qe0uZTlLjWAjiv9Gzp%2BTETOwo07W0uj5Xuufz6HKl6F%2FyQ%2FebWI2uRrK9l936B8mpvCgoASqg%2Fst93P9Rur49r6RHDj3giJgzPz7iVNHiG6EWnQ9q28zz6ajdQoPGmLIFMkN2bHRODjVOMa%2FLNYNp6F7a364v9Xqs6xVU6mmdBcEobpFQ0uZioPwvuSQffQfbXzymV%2FARWH8hw%2BAwAA

The on-render hook in reagami just got more awesome. You can now pass data from mount to update to unmount, by just returning data!

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=gzip%3AH4sIAAAAAAAAE41UTW%2FbMAy951ew7kU%2BxMmu7mVANmAdtl3SnQxjUGUmVitTrkQ3C4r890Gy8tFsCeYcIpsi%2Bcj3SEEeOqlpAiBKhy%2BDdjgBgCprmXtfzmbou8K3M4dyLTudQSk9pJc6zycT0eAKPEtGEJJtB2%2Blb%2B0G2A0Ipe2l0rwF4SQ1%2BW7vQKDJszRmqoxVzzcTgOyh1a6BXjrewtclKNv1lpA4gwlARbbBOqA0yFD5XhKIQjmUjJ8NdkgMT37WWDXEcxZuZHkoJT4OqUGXssGt8Mg3IIop429eWOLgE1yOHn89omD7zSpp8EF3uGSnaQ3iyc8%2BScYiz4%2BurDt00eSR74nRvUpzBuHDfD7P6%2Bgi3lnGMKKQfY%2FULFptGgjFn8C7uwOHPDgCZVDS0MOKRq8VQVUnHCG%2FsuStwcLYNWQDdXYgDrC5RYjpDi2Ktw1Kd8AbqziYC4edfcVzPPmR0UEHFr9LTfDzfiQtQKnKRr%2FeRiNUZe8QRO%2Bmnh18jKoZm1CVjwOzJXgrLU2V0eo5sLSR%2FU0S19A34W8UF1nOd2PJegVi%2FJjiQfZFNwiLWB5ky2AaX%2F43lfTeqnPtpnzZopW0RkjGLIYUmxbpDMbYuFh96uHYidj2vVTeSs9bgwHKPtnhlOLsDrIKcEepjERHFoxeodqqGOMZtx6qRHNqmK%2FjxDaS5a7%2Bt7iFkv4k0KUJKGPYS9a3cp9XvB%2FtKJbLY1UmmDDfTS5mHu9cMoskjVDjMZ4mlV%2BJSFerEY29sgh6p4kNQfZj6B7RgV3BMSuwZWlKyPbfrq2UBCOM0a6u8%2FowTInnOEEirdvZnvyTRVe8DOi2SzSo2DrIbmXfZzlUQ1rOsmmmG8mqTdIuy1MF%2FYL4q%2FcraJzmdP4DI1TwhhsGAAA%3D

Building Browser-Native Presentations with Scittle

https://clojurecivitas.github.io/scittle/presentations/browser_native_slides.html

By Burin Choomnuan

#clojure #clojurescript #scittlecljs

The on-render hook in reagami just got more awesome. You can now pass data from mount to update to unmount, by just returning data!

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=gzip%3AH4sIAAAAAAAAE41UTW%2FbMAy951ew7kU%2BxMmu7mVANmAdtl3SnQxjUGUmVitTrkQ3C4r890Gy8tFsCeYcIpsi%2Bcj3SEEeOqlpAiBKhy%2BDdjgBgCprmXtfzmbou8K3M4dyLTudQSk9pJc6zycT0eAKPEtGEJJtB2%2Blb%2B0G2A0Ipe2l0rwF4SQ1%2BW7vQKDJszRmqoxVzzcTgOyh1a6BXjrewtclKNv1lpA4gwlARbbBOqA0yFD5XhKIQjmUjJ8NdkgMT37WWDXEcxZuZHkoJT4OqUGXssGt8Mg3IIop429eWOLgE1yOHn89omD7zSpp8EF3uGSnaQ3iyc8%2BScYiz4%2BurDt00eSR74nRvUpzBuHDfD7P6%2Bgi3lnGMKKQfY%2FULFptGgjFn8C7uwOHPDgCZVDS0MOKRq8VQVUnHCG%2FsuStwcLYNWQDdXYgDrC5RYjpDi2Ktw1Kd8AbqziYC4edfcVzPPmR0UEHFr9LTfDzfiQtQKnKRr%2FeRiNUZe8QRO%2Bmnh18jKoZm1CVjwOzJXgrLU2V0eo5sLSR%2FU0S19A34W8UF1nOd2PJegVi%2FJjiQfZFNwiLWB5ky2AaX%2F43lfTeqnPtpnzZopW0RkjGLIYUmxbpDMbYuFh96uHYidj2vVTeSs9bgwHKPtnhlOLsDrIKcEepjERHFoxeodqqGOMZtx6qRHNqmK%2FjxDaS5a7%2Bt7iFkv4k0KUJKGPYS9a3cp9XvB%2FtKJbLY1UmmDDfTS5mHu9cMoskjVDjMZ4mlV%2BJSFerEY29sgh6p4kNQfZj6B7RgV3BMSuwZWlKyPbfrq2UBCOM0a6u8%2FowTInnOEEirdvZnvyTRVe8DOi2SzSo2DrIbmXfZzlUQ1rOsmmmG8mqTdIuy1MF%2FYL4q%2FcraJzmdP4DI1TwhhsGAAA%3D

Building Browser-Native Presentations with Scittle

https://clojurecivitas.github.io/scittle/presentations/browser_native_slides.html

By Burin Choomnuan

#clojure #clojurescript #scittlecljs

Reagami now has an on-render hook that you can use to mount/update/mount a 3rd party JS component.

#clojure #clojurescript #squintcljs

Demo:

https://squint-cljs.github.io/squint/?src=gzip%3AH4sIAAAAAAAAE4VUwW7bMAy95ytY9yIf4nRX5zKgG7AO2yndyTAGTWZitTKlSnSzYui%2FD5KcNO3m1D5YMknp8T2SggIMUtMCQNQeH0btcQEATdEzu1CvVhiGKvQrj3InB11ALQNMm7YsFwvR4RYCS0YQku0Af%2BrQ2z2wH%2FH54ECgKbA0ZqmMVfcXC4Ditte%2BAyc9P8HXDSg7OEtIXMACoCHbYRtRGWRogpMEolIeJeNngwMSw11YdVaNaV1Ej6KM0NPjkTr0021wKQLyBYhqyfibry1xjIkhLxH%2FPKJi%2B80qafBWD7hhr2kH4i6sPknGqixfQlkP6JMpIN8Qo3%2BU5g2ED1dXV2WbQsQrSz5GVNI5pO6616aDmPwJvPUaPPLoCZRBSaODLeWoLUHTTjji%2FcpSsAYrY3dQjDTYkTjC5h4hXXekKHkblP6IN2VxNFceB%2FuIb%2FGUL4qOOqr4XWqCHzdF1CwiaepOP14mGzT1r5HZEvypLS2V0eo%2BSrGX7mKqmNF18ZMrhiyXzzkvvQWRf35MjiUUX3SHcJ1ygGITTXmTSRX7HulNTE4lAZqyyuASEQfxErQsSKYz5Wr0FtWTMtj%2Bvz6EkuHEa66I6iTAnHW9hmSvIxmegbW617SbcxcyIGcp6nqkVw0F4nV%2FJbco1RywTPwZZNaxtiRNDcqOpjso5bx1AXr0s7GkzZlr6T1GAlv3LhNR7GUaDIeGEHI3S045I2I6ajrg3Bw4xztpE3viuW3L9tgZUzmlfhDTrFwdauxkalUPI%2FqnDRpUbD0Ul9K5ooRmnCar7LrlXrLqp26p69NC%2FQnpbQ%2FzJLfmtP4LOxWf2tgFAAA%3D

Here are my September and October 2025 OSS highlights and updates.

https://blog.michielborkent.nl/oss-updates-sep-oct-2025.html

Thanks for supporting my work!
And perhaps see you at the Conj?

#clojure #clojurescript #squintcljs #cljKondo #babashka

Reagami now has an on-render hook that you can use to mount/update/mount a 3rd party JS component.

#clojure #clojurescript #squintcljs

Demo:

https://squint-cljs.github.io/squint/?src=gzip%3AH4sIAAAAAAAAE4VUwW7bMAy95ytY9yIf4nRX5zKgG7AO2yndyTAGTWZitTKlSnSzYui%2FD5KcNO3m1D5YMknp8T2SggIMUtMCQNQeH0btcQEATdEzu1CvVhiGKvQrj3InB11ALQNMm7YsFwvR4RYCS0YQku0Af%2BrQ2z2wH%2FH54ECgKbA0ZqmMVfcXC4Ditte%2BAyc9P8HXDSg7OEtIXMACoCHbYRtRGWRogpMEolIeJeNngwMSw11YdVaNaV1Ej6KM0NPjkTr0021wKQLyBYhqyfibry1xjIkhLxH%2FPKJi%2B80qafBWD7hhr2kH4i6sPknGqixfQlkP6JMpIN8Qo3%2BU5g2ED1dXV2WbQsQrSz5GVNI5pO6616aDmPwJvPUaPPLoCZRBSaODLeWoLUHTTjji%2FcpSsAYrY3dQjDTYkTjC5h4hXXekKHkblP6IN2VxNFceB%2FuIb%2FGUL4qOOqr4XWqCHzdF1CwiaepOP14mGzT1r5HZEvypLS2V0eo%2BSrGX7mKqmNF18ZMrhiyXzzkvvQWRf35MjiUUX3SHcJ1ygGITTXmTSRX7HulNTE4lAZqyyuASEQfxErQsSKYz5Wr0FtWTMtj%2Bvz6EkuHEa66I6iTAnHW9hmSvIxmegbW617SbcxcyIGcp6nqkVw0F4nV%2FJbco1RywTPwZZNaxtiRNDcqOpjso5bx1AXr0s7GkzZlr6T1GAlv3LhNR7GUaDIeGEHI3S045I2I6ajrg3Bw4xztpE3viuW3L9tgZUzmlfhDTrFwdauxkalUPI%2FqnDRpUbD0Ul9K5ooRmnCar7LrlXrLqp26p69NC%2FQnpbQ%2FzJLfmtP4LOxWf2tgFAAA%3D

Here are my September and October 2025 OSS highlights and updates.

https://blog.michielborkent.nl/oss-updates-sep-oct-2025.html

Thanks for supporting my work!
And perhaps see you at the Conj?

#clojure #clojurescript #squintcljs #cljKondo #babashka

Reagami, my copy-pastable Reagent-without-React-like lib was ported to CLJS (minimal changes needed) and now can even run in a SCI playground:

https://babashka.org/sci.configs/?gist=568945514e5061273ee1eb26f2c699ed

You can also test it with regular CLJS, maybe interesting for :lite mode. Git repo here: https://github.com/borkdude/reagami

#clojure #clojurescript #squintcljs

Reagami, my copy-pastable Reagent-without-React-like lib was ported to CLJS (minimal changes needed) and now can even run in a SCI playground:

https://babashka.org/sci.configs/?gist=568945514e5061273ee1eb26f2c699ed

You can also test it with regular CLJS, maybe interesting for :lite mode. Git repo here: https://github.com/borkdude/reagami

#clojure #clojurescript #squintcljs

Idiomorph + squint reactive example (counter + text field) with regular squint atom. 5kb gzipped.

#squintcljs #clojure #clojurescript

https://squint-cljs.github.io/squint/?src=KHJlcXVpcmUgJ1siaHR0cHM6Ly9lc20uc2gvaWRpb21vcnBoIiA6cmVmZXIgW0lkaW9tb3JwaF0gOnJlbmFtZSB7SWRpb21vcnBoIEl9XSkKCihkZWYgcm9vdCAob3IKICAgICAgICAgICAgKGpzL2RvY3VtZW50LnF1ZXJ5U2VsZWN0b3IgIiNjb250YWluZXIiKQogICAgICAgICAgICAoZG90byAoanMvZG9jdW1lbnQuY3JlYXRlRWxlbWVudCAiZGl2IikKICAgICAgICAgICAgICAoc2V0ISAtaWQgImNvbnRhaW5lciIpCiAgICAgICAgICAgICAgKGpzL2RvY3VtZW50LmJvZHkucHJlcGVuZCkpKSkKCihkZWYgc3RhdGUgKGF0b20gezpjb3VudGVyIDAKICAgICAgICAgICAgICAgICAgOmlucHV0ICJIZWxsbyJ9KSkKCihkZWZuIG15LWNvbXBvbmVudCBbXQogICNodG1sIFs6PD4KICAgICAgICAgWzpkaXYgIkNvdW50OiAiICg6Y291bnRlciBAc3RhdGUpXQogICAgICAgICBbOmRpdiBbOmJ1dHRvbiB7OmlkIDpidG59CiAgICAgICAgICAgICAgICAiUGxlYXNlIGNsaWNrIG1lIl1dCiAgICAgICAgIFs6aW5wdXQgezppZCA6aW4gOnR5cGUgOnRleHQgOnZhbHVlICg6aW5wdXQgQHN0YXRlKX1dCiAgICAgICAgIFs6cHJlICg6aW5wdXQgQHN0YXRlKV1dKQoKKGRlZm4gbW9ycGggW10KICAoSS9tb3JwaCByb290IChzdHIgKG15LWNvbXBvbmVudCkpCiAgICB7Om1vcnBoU3R5bGUgOmlubmVySFRNTH0pKQoKKGFkZC13YXRjaCBzdGF0ZSA6c3RhdGUgKGZuIFtfIF8gXyBfXQogICAgICAgICAgICAgICAgICAgICAgICAgIChtb3JwaCkpKQoKKG1vcnBoKQoKKC5hZGRFdmVudExpc3RlbmVyIChqcy9kb2N1bWVudC5xdWVyeVNlbGVjdG9yICIjYnRuIikgOmNsaWNrCiAgKGZuIFtdCiAgICAoc3dhcCEgc3RhdGUgdXBkYXRlIDpjb3VudGVyIGluYykpKQoKKC5hZGRFdmVudExpc3RlbmVyIChqcy9kb2N1bWVudC5xdWVyeVNlbGVjdG9yICIjaW4iKSA6aW5wdXQKICAoZm4gW2V2XQogICAgKHN3YXAhIHN0YXRlIGFzc29jIDppbnB1dCAoLT4gZXYgOnRhcmdldCA6dmFsdWUpKSkp

Drag-and-drop example I wrote in Reagent 9 years ago, now in Eucalypt:

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=KG5zIGRlbW8KICAoOnJlcXVpcmUKICAgWyJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2V1Y2FseXB0QDAuMC4xNC8rZXNtIiA6YXMgcl0pKQoKKGRlZiBibGFjay1ob2xlLXBvcyB7OnggNDAwIDp5IDQwMH0pCgooZGVmIGRyYWdnYWJsZSAoci9hdG9tIHs6eCAxMDAgOnkgMTAwIDphbGl2ZT8gdHJ1ZX0pKQoKOzsgVXRpbGl0eSBmdW5jdGlvbnMKKGRlZm4gY2xvc2U%2FIFt4IHldCiAgKGFuZCAoPCAoTWF0aC9hYnMgKC0geCAoOnggYmxhY2staG9sZS1wb3MpKSkgNTApCiAgICAoPCAoTWF0aC9hYnMgKC0geSAoOnkgYmxhY2staG9sZS1wb3MpKSkgNTApKSkKCgooZGVmbiBnZXQtY2xpZW50LXJlY3QgW2V2dF0KICAobGV0IFtyICguZ2V0Qm91bmRpbmdDbGllbnRSZWN0ICguLXRhcmdldCBldnQpKV0KICAgIHs6bGVmdCAoLi1sZWZ0IHIpLDp0b3AgKC4tdG9wIHIpfSkpCgo7OyBFdmVudCBoYW5kbGVycwooZGVmbiBtb3VzZS1tb3ZlLWhhbmRsZXIgW29mZnNldF0KICAoZm4gW2V2dF0KICAgIChsZXQgW3ggKC0gKC4tY2xpZW50WCBldnQpICg6eCBvZmZzZXQpKQogICAgICAgICAgeSAoLSAoLi1jbGllbnRZIGV2dCkgKDp5IG9mZnNldCkpXQogICAgICAoaWYgKGNsb3NlPyB4IHkpCiAgICAgICAgKHJlc2V0ISBkcmFnZ2FibGUgezphbGl2ZT8gZmFsc2V9KQogICAgICAgIChyZXNldCEgZHJhZ2dhYmxlIHs6eCB4CiAgICAgICAgICAgICAgICAgICAgICAgICAgIDp5IHkKICAgICAgICAgICAgICAgICAgICAgICAgICAgOmFsaXZlPyB0cnVlfSkpKSkpCgooZGVmbiBtb3VzZS11cC1oYW5kbGVyIFtvbi1tb3ZlXQogIChmbiBbZXZ0XQogICAgOzsgcmVtb3ZlIHRoZSBtb3VzZW1vdmUgbGlzdGVuZXIKICAgICgucmVtb3ZlRXZlbnRMaXN0ZW5lciBqcy93aW5kb3cgIm1vdXNlbW92ZSIgb24tbW92ZSkpKQoKKGRlZm4gbW91c2UtZG93bi1oYW5kbGVyIFtlXQogIDs7IGdldCBib3VuZGluZyByZWN0IG9mIHRoZSB0YXJnZXQgZWxlbWVudAogIChsZXQgW3s6a2V5cyBbbGVmdCB0b3BdfSAoLmdldEJvdW5kaW5nQ2xpZW50UmVjdCAoLi10YXJnZXQgZSkpCiAgICAgICAgb2Zmc2V0IHs6eCAoLSAoLi1jbGllbnRYIGUpIGxlZnQpCiAgICAgICAgICAgICAgICA6eSAoLSAoLi1jbGllbnRZIGUpIHRvcCl9CiAgICAgICAgOzsgZGVmaW5lIHlvdXIgbW92ZSBoYW5kbGVyICh5b3UgYWxyZWFkeSBoYXZlIGl0KQogICAgICAgIG9uLW1vdmUgKG1vdXNlLW1vdmUtaGFuZGxlciBvZmZzZXQpXQogICAgOzsgYWRkIG1vdXNlbW92ZSBsaXN0ZW5lcgogICAgKC5hZGRFdmVudExpc3RlbmVyIGpzL3dpbmRvdyAibW91c2Vtb3ZlIiBvbi1tb3ZlKQogICAgOzsgYWRkIG1vdXNldXAgbGlzdGVuZXIgdGhhdCByZW1vdmVzIHRoZSBtb3VzZW1vdmUKICAgICguYWRkRXZlbnRMaXN0ZW5lciBqcy93aW5kb3cgIm1vdXNldXAiIChtb3VzZS11cC1oYW5kbGVyIG9uLW1vdmUpKSkpCgo7OyBDb21wb25lbnQKKGRlZm4gZHJhZ2dhYmxlLWJ1dHRvbiBbXQogIFs6ZGl2CiAgIFs6aDEgKHByLXN0ciBAZHJhZ2dhYmxlKV0KICAgWzpidXR0b24uYnRuLmJ0bi1kZWZhdWx0CiAgICB7OnN0eWxlIHs6ei1pbmRleCA4CiAgICAgICAgICAgICA6cG9zaXRpb24gImFic29sdXRlIgogICAgICAgICAgICAgOmxlZnQgKHN0ciAoOnggYmxhY2staG9sZS1wb3MpICJweCIpIDsKICAgICAgICAgICAgIDp0b3AgKHN0ciAoOnkgYmxhY2staG9sZS1wb3MpICJweCIpCiAgICAgICAgICAgICA6YmFja2dyb3VuZCAiY29sb3I6IGJsYWNrOyJ9fQogICAgIk5vdCBoZXJlIHBsZWFzZSJdCiAgIChpZiAoOmFsaXZlPyBAZHJhZ2dhYmxlKQogICAgIFs6YnV0dG9uLmJ0bi5idG4tZGVmYXVsdAogICAgICB7OnN0eWxlIHs6ei1pbmRleCA4CiAgICAgICAgICAgICAgIDpwb3NpdGlvbiAiYWJzb2x1dGUiCiAgICAgICAgICAgICAgIDpsZWZ0IChzdHIgKDp4IEBkcmFnZ2FibGUpICJweCIpIDsKICAgICAgICAgICAgICAgOnRvcCAoc3RyICg6eSBAZHJhZ2dhYmxlKSAicHgiKX0KICAgICAgIDpvbi1tb3VzZS1kb3duIG1vdXNlLWRvd24taGFuZGxlcn0KICAgICAgIkRyYWcgbWUiXSldKQoKKHIvcmVuZGVyCiAgW2RyYWdnYWJsZS1idXR0b25dCiAgKG9yCiAgICAoanMvZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQgImFwcCIpCiAgICAoZG90byAoanMvZG9jdW1lbnQuY3JlYXRlRWxlbWVudCAiZGl2IikKICAgICAgKGFzZXQgImlkIiAiYXBwIikKICAgICAgKGpzL2RvY3VtZW50LmJvZHkucHJlcGVuZCkpKSk%3D

Drag-and-drop example I wrote in Reagent 9 years ago, now in Eucalypt:

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=KG5zIGRlbW8KICAoOnJlcXVpcmUKICAgWyJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2V1Y2FseXB0QDAuMC4xNC8rZXNtIiA6YXMgcl0pKQoKKGRlZiBibGFjay1ob2xlLXBvcyB7OnggNDAwIDp5IDQwMH0pCgooZGVmIGRyYWdnYWJsZSAoci9hdG9tIHs6eCAxMDAgOnkgMTAwIDphbGl2ZT8gdHJ1ZX0pKQoKOzsgVXRpbGl0eSBmdW5jdGlvbnMKKGRlZm4gY2xvc2U%2FIFt4IHldCiAgKGFuZCAoPCAoTWF0aC9hYnMgKC0geCAoOnggYmxhY2staG9sZS1wb3MpKSkgNTApCiAgICAoPCAoTWF0aC9hYnMgKC0geSAoOnkgYmxhY2staG9sZS1wb3MpKSkgNTApKSkKCgooZGVmbiBnZXQtY2xpZW50LXJlY3QgW2V2dF0KICAobGV0IFtyICguZ2V0Qm91bmRpbmdDbGllbnRSZWN0ICguLXRhcmdldCBldnQpKV0KICAgIHs6bGVmdCAoLi1sZWZ0IHIpLDp0b3AgKC4tdG9wIHIpfSkpCgo7OyBFdmVudCBoYW5kbGVycwooZGVmbiBtb3VzZS1tb3ZlLWhhbmRsZXIgW29mZnNldF0KICAoZm4gW2V2dF0KICAgIChsZXQgW3ggKC0gKC4tY2xpZW50WCBldnQpICg6eCBvZmZzZXQpKQogICAgICAgICAgeSAoLSAoLi1jbGllbnRZIGV2dCkgKDp5IG9mZnNldCkpXQogICAgICAoaWYgKGNsb3NlPyB4IHkpCiAgICAgICAgKHJlc2V0ISBkcmFnZ2FibGUgezphbGl2ZT8gZmFsc2V9KQogICAgICAgIChyZXNldCEgZHJhZ2dhYmxlIHs6eCB4CiAgICAgICAgICAgICAgICAgICAgICAgICAgIDp5IHkKICAgICAgICAgICAgICAgICAgICAgICAgICAgOmFsaXZlPyB0cnVlfSkpKSkpCgooZGVmbiBtb3VzZS11cC1oYW5kbGVyIFtvbi1tb3ZlXQogIChmbiBbZXZ0XQogICAgOzsgcmVtb3ZlIHRoZSBtb3VzZW1vdmUgbGlzdGVuZXIKICAgICgucmVtb3ZlRXZlbnRMaXN0ZW5lciBqcy93aW5kb3cgIm1vdXNlbW92ZSIgb24tbW92ZSkpKQoKKGRlZm4gbW91c2UtZG93bi1oYW5kbGVyIFtlXQogIDs7IGdldCBib3VuZGluZyByZWN0IG9mIHRoZSB0YXJnZXQgZWxlbWVudAogIChsZXQgW3s6a2V5cyBbbGVmdCB0b3BdfSAoLmdldEJvdW5kaW5nQ2xpZW50UmVjdCAoLi10YXJnZXQgZSkpCiAgICAgICAgb2Zmc2V0IHs6eCAoLSAoLi1jbGllbnRYIGUpIGxlZnQpCiAgICAgICAgICAgICAgICA6eSAoLSAoLi1jbGllbnRZIGUpIHRvcCl9CiAgICAgICAgOzsgZGVmaW5lIHlvdXIgbW92ZSBoYW5kbGVyICh5b3UgYWxyZWFkeSBoYXZlIGl0KQogICAgICAgIG9uLW1vdmUgKG1vdXNlLW1vdmUtaGFuZGxlciBvZmZzZXQpXQogICAgOzsgYWRkIG1vdXNlbW92ZSBsaXN0ZW5lcgogICAgKC5hZGRFdmVudExpc3RlbmVyIGpzL3dpbmRvdyAibW91c2Vtb3ZlIiBvbi1tb3ZlKQogICAgOzsgYWRkIG1vdXNldXAgbGlzdGVuZXIgdGhhdCByZW1vdmVzIHRoZSBtb3VzZW1vdmUKICAgICguYWRkRXZlbnRMaXN0ZW5lciBqcy93aW5kb3cgIm1vdXNldXAiIChtb3VzZS11cC1oYW5kbGVyIG9uLW1vdmUpKSkpCgo7OyBDb21wb25lbnQKKGRlZm4gZHJhZ2dhYmxlLWJ1dHRvbiBbXQogIFs6ZGl2CiAgIFs6aDEgKHByLXN0ciBAZHJhZ2dhYmxlKV0KICAgWzpidXR0b24uYnRuLmJ0bi1kZWZhdWx0CiAgICB7OnN0eWxlIHs6ei1pbmRleCA4CiAgICAgICAgICAgICA6cG9zaXRpb24gImFic29sdXRlIgogICAgICAgICAgICAgOmxlZnQgKHN0ciAoOnggYmxhY2staG9sZS1wb3MpICJweCIpIDsKICAgICAgICAgICAgIDp0b3AgKHN0ciAoOnkgYmxhY2staG9sZS1wb3MpICJweCIpCiAgICAgICAgICAgICA6YmFja2dyb3VuZCAiY29sb3I6IGJsYWNrOyJ9fQogICAgIk5vdCBoZXJlIHBsZWFzZSJdCiAgIChpZiAoOmFsaXZlPyBAZHJhZ2dhYmxlKQogICAgIFs6YnV0dG9uLmJ0bi5idG4tZGVmYXVsdAogICAgICB7OnN0eWxlIHs6ei1pbmRleCA4CiAgICAgICAgICAgICAgIDpwb3NpdGlvbiAiYWJzb2x1dGUiCiAgICAgICAgICAgICAgIDpsZWZ0IChzdHIgKDp4IEBkcmFnZ2FibGUpICJweCIpIDsKICAgICAgICAgICAgICAgOnRvcCAoc3RyICg6eSBAZHJhZ2dhYmxlKSAicHgiKX0KICAgICAgIDpvbi1tb3VzZS1kb3duIG1vdXNlLWRvd24taGFuZGxlcn0KICAgICAgIkRyYWcgbWUiXSldKQoKKHIvcmVuZGVyCiAgW2RyYWdnYWJsZS1idXR0b25dCiAgKG9yCiAgICAoanMvZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQgImFwcCIpCiAgICAoZG90byAoanMvZG9jdW1lbnQuY3JlYXRlRWxlbWVudCAiZGl2IikKICAgICAgKGFzZXQgImlkIiAiYXBwIikKICAgICAgKGpzL2RvY3VtZW50LmJvZHkucHJlcGVuZCkpKSk%3D

Drag-and-drop example I wrote in Reagent 9 years ago, now in Eucalypt:

#clojure #clojurescript #squintcljs

https://squint-cljs.github.io/squint/?src=KG5zIGRlbW8KICAoOnJlcXVpcmUKICAgWyJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2V1Y2FseXB0QDAuMC4xNC8rZXNtIiA6YXMgcl0pKQoKKGRlZiBibGFjay1ob2xlLXBvcyB7OnggNDAwIDp5IDQwMH0pCgooZGVmIGRyYWdnYWJsZSAoci9hdG9tIHs6eCAxMDAgOnkgMTAwIDphbGl2ZT8gdHJ1ZX0pKQoKOzsgVXRpbGl0eSBmdW5jdGlvbnMKKGRlZm4gY2xvc2U%2FIFt4IHldCiAgKGFuZCAoPCAoTWF0aC9hYnMgKC0geCAoOnggYmxhY2staG9sZS1wb3MpKSkgNTApCiAgICAoPCAoTWF0aC9hYnMgKC0geSAoOnkgYmxhY2staG9sZS1wb3MpKSkgNTApKSkKCgooZGVmbiBnZXQtY2xpZW50LXJlY3QgW2V2dF0KICAobGV0IFtyICguZ2V0Qm91bmRpbmdDbGllbnRSZWN0ICguLXRhcmdldCBldnQpKV0KICAgIHs6bGVmdCAoLi1sZWZ0IHIpLDp0b3AgKC4tdG9wIHIpfSkpCgo7OyBFdmVudCBoYW5kbGVycwooZGVmbiBtb3VzZS1tb3ZlLWhhbmRsZXIgW29mZnNldF0KICAoZm4gW2V2dF0KICAgIChsZXQgW3ggKC0gKC4tY2xpZW50WCBldnQpICg6eCBvZmZzZXQpKQogICAgICAgICAgeSAoLSAoLi1jbGllbnRZIGV2dCkgKDp5IG9mZnNldCkpXQogICAgICAoaWYgKGNsb3NlPyB4IHkpCiAgICAgICAgKHJlc2V0ISBkcmFnZ2FibGUgezphbGl2ZT8gZmFsc2V9KQogICAgICAgIChyZXNldCEgZHJhZ2dhYmxlIHs6eCB4CiAgICAgICAgICAgICAgICAgICAgICAgICAgIDp5IHkKICAgICAgICAgICAgICAgICAgICAgICAgICAgOmFsaXZlPyB0cnVlfSkpKSkpCgooZGVmbiBtb3VzZS11cC1oYW5kbGVyIFtvbi1tb3ZlXQogIChmbiBbZXZ0XQogICAgOzsgcmVtb3ZlIHRoZSBtb3VzZW1vdmUgbGlzdGVuZXIKICAgICgucmVtb3ZlRXZlbnRMaXN0ZW5lciBqcy93aW5kb3cgIm1vdXNlbW92ZSIgb24tbW92ZSkpKQoKKGRlZm4gbW91c2UtZG93bi1oYW5kbGVyIFtlXQogIDs7IGdldCBib3VuZGluZyByZWN0IG9mIHRoZSB0YXJnZXQgZWxlbWVudAogIChsZXQgW3s6a2V5cyBbbGVmdCB0b3BdfSAoLmdldEJvdW5kaW5nQ2xpZW50UmVjdCAoLi10YXJnZXQgZSkpCiAgICAgICAgb2Zmc2V0IHs6eCAoLSAoLi1jbGllbnRYIGUpIGxlZnQpCiAgICAgICAgICAgICAgICA6eSAoLSAoLi1jbGllbnRZIGUpIHRvcCl9CiAgICAgICAgOzsgZGVmaW5lIHlvdXIgbW92ZSBoYW5kbGVyICh5b3UgYWxyZWFkeSBoYXZlIGl0KQogICAgICAgIG9uLW1vdmUgKG1vdXNlLW1vdmUtaGFuZGxlciBvZmZzZXQpXQogICAgOzsgYWRkIG1vdXNlbW92ZSBsaXN0ZW5lcgogICAgKC5hZGRFdmVudExpc3RlbmVyIGpzL3dpbmRvdyAibW91c2Vtb3ZlIiBvbi1tb3ZlKQogICAgOzsgYWRkIG1vdXNldXAgbGlzdGVuZXIgdGhhdCByZW1vdmVzIHRoZSBtb3VzZW1vdmUKICAgICguYWRkRXZlbnRMaXN0ZW5lciBqcy93aW5kb3cgIm1vdXNldXAiIChtb3VzZS11cC1oYW5kbGVyIG9uLW1vdmUpKSkpCgo7OyBDb21wb25lbnQKKGRlZm4gZHJhZ2dhYmxlLWJ1dHRvbiBbXQogIFs6ZGl2CiAgIFs6aDEgKHByLXN0ciBAZHJhZ2dhYmxlKV0KICAgWzpidXR0b24uYnRuLmJ0bi1kZWZhdWx0CiAgICB7OnN0eWxlIHs6ei1pbmRleCA4CiAgICAgICAgICAgICA6cG9zaXRpb24gImFic29sdXRlIgogICAgICAgICAgICAgOmxlZnQgKHN0ciAoOnggYmxhY2staG9sZS1wb3MpICJweCIpIDsKICAgICAgICAgICAgIDp0b3AgKHN0ciAoOnkgYmxhY2staG9sZS1wb3MpICJweCIpCiAgICAgICAgICAgICA6YmFja2dyb3VuZCAiY29sb3I6IGJsYWNrOyJ9fQogICAgIk5vdCBoZXJlIHBsZWFzZSJdCiAgIChpZiAoOmFsaXZlPyBAZHJhZ2dhYmxlKQogICAgIFs6YnV0dG9uLmJ0bi5idG4tZGVmYXVsdAogICAgICB7OnN0eWxlIHs6ei1pbmRleCA4CiAgICAgICAgICAgICAgIDpwb3NpdGlvbiAiYWJzb2x1dGUiCiAgICAgICAgICAgICAgIDpsZWZ0IChzdHIgKDp4IEBkcmFnZ2FibGUpICJweCIpIDsKICAgICAgICAgICAgICAgOnRvcCAoc3RyICg6eSBAZHJhZ2dhYmxlKSAicHgiKX0KICAgICAgIDpvbi1tb3VzZS1kb3duIG1vdXNlLWRvd24taGFuZGxlcn0KICAgICAgIkRyYWcgbWUiXSldKQoKKHIvcmVuZGVyCiAgW2RyYWdnYWJsZS1idXR0b25dCiAgKG9yCiAgICAoanMvZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQgImFwcCIpCiAgICAoZG90byAoanMvZG9jdW1lbnQuY3JlYXRlRWxlbWVudCAiZGl2IikKICAgICAgKGFzZXQgImlkIiAiYXBwIikKICAgICAgKGpzL2RvY3VtZW50LmJvZHkucHJlcGVuZCkpKSk%3D

Announcing a little but fun macro as library that optimizes CLJS str almost 300x.

https://github.com/borkdude/cljs-str

#clojure #clojurescript

Announcing a little but fun macro as library that optimizes CLJS str almost 300x.

https://github.com/borkdude/cljs-str

#clojure #clojurescript

A short video about Eucalypt, a Reagent-like on Squint-cljs, that compiles down to 10kb artifacts.
https://www.youtube.com/watch?v=SLnCzW5cg3U

by @chris #clojure #squintcljs #clojurescript