hyperfiddle

http://hyperfiddle.net
2018-12-15T14:12:06.047300Z

@alexandrkozyrev its because jimpress is not the same as impress

2018-12-15T14:12:20.047600Z

there is an error about missing jquery in the js console

2018-12-15T14:14:08.048100Z

here is a stage that works:

2018-12-15T14:14:12.048300Z

[[:db/add 17592186047375 :fiddle/renderer "(let [{:keys [:hypercrud.browser/fiddle]} ctx]\n  [:div.container-fluid props\n   [hyperfiddle.ui/markdown (:fiddle/markdown @fiddle) ctx]\n   [:hr]\n   [contrib.loader/Loader! [\"<https://cdnjs.cloudflare.com/ajax/libs/impress.js/0.5.3/impress.js\>"]\n    #(reset! user/scripts-loaded true)]\n   (user/with-loaded\n    [user/foo ])])"]
 [:db/add 17592186047375 :fiddle/cljs-ns "(def scripts-loaded (reagent.core/atom false))\n(defn with-loaded [hiccup]\n  (let [loaded @scripts-loaded]\n    [:&lt;&gt; {:key loaded} \n     (if loaded \n       hiccup \n       [:p \"loading...\"])]))\n\n(defn foo []\n  (assert (exists? js/impress))\n  (let [s (reagent.core/atom \"select this text\")\n        api js/impress]\n   [:div  \n    [:div#impress\n      [:div#bored.step\n       {:data-x \"-1000\" :data-y \"-1000\"}\n       [:q\n        \"Aren’t you just \"\n        [:b \"bored\"]\n        \" with all those slides-based presentations?\"]]\n       [:div#really.step\n       {:data-x \"-1000\" :data-y \"-1000\"}\n       [:q\n        \"Aren’t you just \"\n        [:b \"really bored\"]\n        \" with all those slides-based presentations?\"]]]\n    (-&gt; (js/impress) .init)]))"]]

2018-12-15T14:15:31.048600Z

There seems to be a new bug in the codemirror

2018-12-15T14:20:57.048900Z

impressjs takes the space bar, this breaks the codemirror

2018-12-15T14:32:23.050100Z

here it is partially working http://tank.hyperfiddle.net/:dustingetz!impressjs/

2018-12-15T14:32:52.050800Z

I will think about how to solve the conflicts, we will need a better sandboxing strategy to make this work

2018-12-15T14:33:09.051200Z

We will be in a better position to do something about this in a couple months

alexandrkozyrev 2018-12-15T20:22:01.056700Z

@dustingetz I’d like to add keyboard interactivity to http://alexandrkozyrev.hyperfiddle.net/:trinity/~entity('$',17592186046859), smth like “alt+left arrow” for “move to the key value” (higher order intent), “alt+right arrow” for “move to one/random option”, f.i. “alt+right arrow” for “presentation mode” leads to “impress.js” - http://alexandrkozyrev.hyperfiddle.net/:trinity/~entity(‘$’,17592186047428)

alexandrkozyrev 2018-12-15T20:22:38.056800Z

HumanInput (http://alexandrkozyrev.hyperfiddle.net/:hi/) works pretty well

alexandrkozyrev 2018-12-15T20:24:22.057Z

what is HF correct way to def “link/switch” action?

alexandrkozyrev 2018-12-15T20:24:37.057200Z

smth like ::inc? http://tank.hyperfiddle.net/:dustingetz!counter/

2018-12-15T21:04:24.057800Z

Like google sheets can change the focused cell with arrows?

2018-12-15T21:08:03.058Z

link/tx-fn is for database transactions – it sounds like you are looking for view state

2018-12-15T21:09:16.058200Z

i think you would need to do something like document.getElementById("myTextField").focus();

2018-12-15T21:10:13.058400Z

Or integrating a datagrid component

alexandrkozyrev 2018-12-15T22:16:02.058600Z

more like a swipe, smth close to

alexandrkozyrev 2018-12-15T22:16:35.058800Z

#(.open js/window “http://alexandrkozyrev.hyperfiddle.com/:trinity/~entity('$',17592186047428)” “_self”)

2018-12-15T22:17:48.059Z

not quite following yet