Is it possible to use application/x-scittle with DocumentFragment

[kangaroolab]

in the scenario where I have a bootstrap clojurescript within index.html as application/x-scittle, which load other cljs files to run, e.g.:

defonce executed? (atom false))

  (when-not @executed?
    (do
      (let [cljs-files 
              ["cljs/init.cljs"]]
            (doseq [file cljs-files]
              (let [script (js/document.createElement "script")]
                (set! (.-type script) "application/x-scittle")
                (set! (.-src script) file)
                (.appendChild (.-body js/document) script)))
                (-> js/scittle .-core .eval_script_tags))
      (reset! executed? true)))

Is it possible to use application/x-scittle with DocumentFragment instead of document so the bootstrap itself doesn't get run by scittle eval_script_tag?

e.g. could it be sth like (-> js/scittle .-core (.eval_script_tags ADocFragment))

basically if no parameter provided, eval_script_tags will default to document

[borkdude]

@kangaroolab There was a PR here to make eval-script-tags receive varargs of Elements that are script tags. I think that should solve your problem? 06621b2
If so, I can make a release.

Side question: if you're using bootstrap cljs, why are you also using scittle?

[chr15m]

Will take a look.

[chr15m]

@borkdude if I am reading the source right we can just remove the ampersand from this:

(defn ^:export eval-script-tags [& script-tags]
  (let [script-tags (or script-tags
                        (.querySelectorAll
                          doc "script[type='application/x-scittle']"))]
    (eval-script-tags* script-tags)))

I can't actually remember why I thought it was necessary to spread the args like that. 🤔

[chr15m]

Oh I remember now. I wanted to support the case of passing in a single script tag. Should I special case that? Or just require the user to pass in an Array with one element?

[borkdude]

We could just handle both

[borkdude]

And check the type of the argument

[kangaroolab]

is this part of version 0.6.19? I tested but it didn't seem working. it seems ignoring the additional parameter passed and keep reloading all the script with type='application/x-scittle'

[chr15m]

No it's not released on npm yet. I'll try to put a pr together today for the changes discussed above.

[chr15m]

This is done and merged so it should go out in the next release.

[kangaroolab]

thanks both of you. when can we expect the next release? i am happy to test it when it is available

[borkdude]

Released

[kangaroolab]

thanks...tested and it works as expected.

[kangaroolab]

@borkdude and @chr15m

I put together a local first web app at https://kangaroolab.github.io/tippy/, which uses scittle to enable notebook experience and it can also be used to extend/customize the app itself. you can try demo.json at https://github.com/kangaroolab/tippy (see readme) in the app.

would love to get your thought/feedback. I have been using it for programming with clojurescript and some other note taking for myself

[chr15m]

Super cool @kangaroolab