eneroth

;; ## General helpers
(ns app.helpers.rama
  (:require
    [missionary.core :as m]
    [taoensso.timbre :as timbre])
  (:import
    [com.rpl.rama Depot PState Path ProxyState$Callback RamaModule]
    [com.rpl.rama.test InProcessCluster LaunchConfig]
    [hyperfiddle.electric Failure Pending]))

dustingetz

Multiplayer chat with presence – Electric Clojure

• 60 LOC: demo_chat_exdended.cljc

20230131.presence.edited.mp4

dustingetz

PostgreSQL hello world — Electric Clojure

How do I integrate a SQL database backend?

Easy:

• make an ordinary Clojure function query-pokemon-list for the query
• The query is blocking, and Electric Clojure is async, so use e/offload to move it to a thread pool.
  • (Don't block the event loop!)
• e/offload throws Pending until the query finishes, and then the exception "goes away"

tatut

(ns app.mappy
  #?(:cljs (:require-macros app.mappy))
  (:require #?(:clj [datascript.core :as d]) ; database on server
            #?(:clj [clojure.data.csv :as csv])
            [hyperfiddle.electric :as e]
            [hyperfiddle.electric-dom2 :as dom]
            [hyperfiddle.electric-ui4 :as ui]
            #?(:cljs ["@openlayers-elements/core/ol-map" :as ol-map])
            #?(:cljs ["@openlayers-elements/maps/ol-layer-openstreetmap" :as ol-layer-openstreetmap])
            #?(:cljs ["@openlayers-elements/core/ol-layer-vector" :as ol-layer-vector])

dustingetz

Datomic web explorer

• Client API, tested on Datomic Cloud
• database entity browser
• server paginated infinite scroll
• streaming information model - displays incremental resultsets as they become available (useful for slow queries)
• automatic backpressure and cancellation of abandoned queries
• custom web renderers with dynamic queries

Code is not optimized yet – we are still learning the idioms.

dustingetz

virtual scroll over node_modules v2 — Electric Clojure

• Direct filesystem reads from the view
• Direct function composition in the style of PHP, despite network
• No API, no client side database, no frontend state at all (except DOM), no frontend/backend.
• Literally all accidental complexity GONE
• 100% of server data sync is managed by Electric
• Rows have arbitrary server local data access, here querying file metadata #clojure
• Optimized and no scroll jank – DOM elements are fixed in place and reused

dustingetz

TodoMVC Composed (it's just a for loop!!!) — Electric Clojure

• An early demonstration "Compiler Managed Network" and the extreme dynamic composition it makes possible
• TodoMVC Composed merely calls the previous TodoMVC function inside a for loop.

20220822.Todomvc.Composed.mp4

dustingetz

TodoMVC, with a twist! — Electric Clojure

1. it's multiplayer! 0 LOC cost
2. state is durable! (server side database) 0 LOC cost
3. See those pending spinners? We've added a server delay to demonstrate managed load states.

20220817.todomvc.mp4

Electric is a "multi tier" Clojure/Script dialect for full-stack web application development. It uses macros to let you interweave client and server code in a single .CLJC file, so you can define a full-stack frontend/backend webapp all in one place. Electric is designed for rich dynamic applications with reactive user interfaces and complex frontend/backend data sync requirements.

boberito

#!/bin/bash

osacompile -x -o test.app<<EOF
set progress description to "Download progress indicator"
set progress additional description to "Preparing…"
set progress total steps to -1

delay 5
set i to 0
set progress total steps to 100

gws

;; Copyright 2020 Gordon Stratton
;;
;; Licensed under the Apache License, Version 2.0 (the "License");
;; you may not use this file except in compliance with the License.
;; You may obtain a copy of the License at
;;
;;   http://www.apache.org/licenses/LICENSE-2.0
;;
;; Unless required by applicable law or agreed to in writing, software
;; distributed under the License is distributed on an "AS IS" BASIS,