I'm having a hard time wrapping my head around how to implement SPI routes using something like secretary. I have compojure suck up all urls from /app/* and get sent to the same handler, which is a page containing my react rendered app. For my client-side route handler, i'm using secretary, and I have two test routes "/app" and "app/home". So I load my webpage at "/app", and i'm in a situation where i'm switching to another url within the app ie. "/app/" --> "/app/home", how do I go about doing this without triggering a webpage navigation and page load? Setting window.location.pathname = "/app/home" results in the page reloading, and i've noticed that sites like twitter and facebook get away with changing the url without causing the page to reload. What am I missing here?

Is there a good library for doing headless browser testing with CLJS?

I'm trying to build a clojurescript chrome extension using @darwin's wonderful chromex extension but I'm hitting a problem with loading cljsjs dependencies. I expect this is because the foreign library file can not get required properly because of content-script using a different api to load scripts. But I'm not sure how to debug further 😔. Chrome extensions aren't exactly the most informative when things go wrong.

@bbss content-script must be a single file, I think you should use :whitespacecompilation mode for development of content scripts

I am using a single file approach but didn't check whitespace, I did see that in the example project, let me try.

Thanks for responding 🙂

I’m not exactly aware how cljsjs is adding its “foreign” libraries, I was under impression they use :foreign-libsand those should get concatenated with compiled js file in :advanced mode, not sure how this works under other modes

Ah, that doesn't seem to work with figwheel, which requires :optimizations to be none or nil.

yes, under normal cimrcumstances you cannot have figwheel for content-scripts

I know the example doesn't recommend to reload the content script, but I need to do quite a bit of dom manipulation so could really use figwheel. It works so far, just the cljsjs libraries.

some people had workarounds

but that requires quite some effort

I've followed a medium post and done it before (maybe a year or two ago).

It can work (although it felt really hacky).

I don’t have a good solution, I didn’t need to build heavy content scripts myself

I've tried to manually require the script from the cdn, and had to add the url to the content_security_policy for the request to succeed. And even required the react file manually, it ran (I checked with console.log). But somehow React doesn't get put in the scope.

are you aware of “isolated worlds” concept of content scripts?

https://developer.chrome.com/extensions/content_scripts#execution-environment

Yes, I've read about it. All the rest of the clojurescript gets put on the window though, it's really just the cljsjs external deps.

goog.dependencies_.nameToPath.react
"../cljsjs/react/development/react.inc.js"

I’m sorry I have no ideas, this is really tricky part of extension development

you will have to dig deeper maybe using chrome devtools

Anyway I'll try to figure something out. Yea, using the devtools a lot.

both execution contexts should be accessible in the devtools (page’s and your content-script’s)

you should be able to switch them via that “iframe context” combo box

Thanks again, your libs and devtools plugin are great ❤️

Ah, okay I'll look into it.

How do I turn a vector into a JavaScript object (on which forEach works)? And how do I turn a map into a JavaScript object (on which forEach works)? I tried (goog.array/toArray [1 2 3]) but it returns #js [].

@erwinrooijakkers to-array or into-array

Have you tried clj->js?

FWIW, Vector should probably implement forEach like other CLJS data structures. Feel free to file a ticket.

I tried clj->js but that gives:

#object[TypeError TypeError: xxxx.forEach is not a function

@donmullen you have to be punching new keys: https://github.com/binaryage/cljs-oops#access-modifiers

ad 2) maybe someone called Object.freeze() on the js-props object?

I would assume react defensively protects its stuff from people

I don’t know, I have never used freeze myself

@erwinrooijakkers on vectors that should work, forEach is not on JavaScript objects it looks like? You can however iterate objects key-value in JS with iterators in new EcmaScript. It's ugly though.

@donmullen https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen

I should probably add this check into dev-time validations in cljs-oops

indeed - that would be helpful.

https://github.com/binaryage/cljs-oops/issues/16

@darwin - there is also Object.isSealed() and Object.seal()

ah ok, thanks

@darwin - turns out the js-props object was both sealed and frozen - seemed strange at first that it is both - but evidently by definition a frozen object is sealed.

hi, i’m having trouble getting nvim-parinfer working

which plugin do people use for parinfer like behaviour?

basically looking for osmething that will append closing brackets for me

Has anyone gotten this message when using re-frisk "java.lang.IllegalArgumentException: <filepath>\react.inc.js is not a relative path"?

Is it bad form to use extend-protocol in library code? I feel like I remember some conversation about a performance hit

what's a good way to install bootstrap or other libs into cljs project. I'm using leiningen.

nevermind I just had to read the docs 😀