hey, somebody answered this question for somebody else last week and I forgot to save it, because it was interesting to me. I want to create an aliased namespace without making a file. its 2 steps. you do something to create the ns and then (alias ns-sym :as 'alias)

anybody know what I'm talking about?

oh! I found it! it was in the clojure channel. https://clojurians.slack.com/archives/C03S1KBA2/p1534946467000100?thread_ts=1534942421.000100&cid=C03S1KBA2

@idiomancy that only works in CLJ though. There is no support for this in CLJS besides creating an actual empty ns.

how can I do a conditional :require based on whether I’m targetting node or browser? currently I have:

;; src/foo/core.cljs
(ns foo.core
  (:require websocket))

@eval2020 there are a couple of ways to do this

one is by using different builds with different source directories

you can also add preloads for different builds

you can create a macro that looks at your compile options and conditionally emits code based on your target

you don’t have to explicitly require something to access it if its in your preloads

you can also do code splitting and dynamically load a module

but an important thing to remember is that advanced compilation DCE can eliminate code at compile time so often you don’t have to do this stuff at all

@bhauman thanks!, plenty of options 🙂 . I’ll try preloads for now

there is also closure-defines, in conjunction with a conditional will almost guarantee dead code elimination

thanks!

What!!!

hold the phone is that @william

Might be.

Doing some cljs noodling on relaxed vacation at the in-laws. @eggsyntax suggested I join up here.

well that sounds good all around, where are you?

Shelter Island, NY.

@william Very cool well let me know if I can help. here’s a tutorial https://figwheel.org/tutorial

Good morning! So, what's the cljs answer to intern? I need to monkey patch a library im using which, in clojure I did by saying (intern 'external.library.core 'old-function-sym my-function-sym)

@idiomancy well that doesn’t exist

@idiomancy monkey patching a lib is pretty straightforward though - set! works for this even under advanced compilation

so on a related note, what's the best way to depend on a github project, like maybe a fork to a popular cljs css repository

@idiomancy With the new tools.deps (deps.edn) you can depend on the commit hash of a project on github directly.

cool

I am making an ajax call and successfully getting {:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"} back from the database. Problem is I can only see it in my network tab. I can't seem to alert it or write it to a div. Here's my attempt: (defn ajax-input [id] [:input {:id id :on-change #(js/alert (.-value (.send goog.net.XhrIo "/database"))) } ] )

@idiomancy here's an example from https://clojure.org/reference/deps_and_cli

{:deps
 {org.clojure/tools.reader {:mvn/version "1.1.1"}
  github-sally/awesome {:git/url "", :sha "123abcd549214b5cba04002b6875bdf59f9d88b6"}
  ;; ... add more here
 }}

@its.ramzi ajax is async it doesn’t return the result

you have to listen for it

one way or another I believe send returns a promise

how do i get the result from what send returns

@its.ramzi https://developers.google.com/closure/library/docs/xhrio

Can you help me translate this to clojure: goog.net.XhrIo.send(dataUrl, function(e) { var xhr = e.target; var obj = xhr.getResponseJson(); log('Received Json data object with title property of "' + obj['title'] + '"'); alert(obj['content']); });

The current way i'm doing it is: (.send goog.net.XhrIo "/database")

so I dont get those dataUrl and e parameters there

@its.ramzi (.send goog.net.XhrIo "/database" (fn [event] ;; get data from event here ))

let me try that

:on-change #(.log js/console (.send goog.net.XhrIo "/database" (fn [event] (.getReponseJson(.target event)))))

i didnt see anything in my console log

event.target is not a function

you’re calling event.target like a function

Yeah, you want (.-target event)

.target.getReponseJson is not a function

that returns the value of the thing at the property target, rather than calling a function at that property

oh typo

Great! Getting closer! json.js:148 Uncaught Error: Invalid JSON string: {:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}{:data "Hello World"}

So I wrapped my {}s with a []. Now it is coming in as [LazySeq] and still causing the invalid json error

json.js:148 Uncaught Error: Invalid JSON string: [[email protected]]

oh, because there are no commas?

@its.ramzi don't use .getResponseJson use .getResponseText instead

thx

then use (:require [cljs.creader :as reader]) and (reader/read-string the-result) to convert the text to cljs maps

that is on the client. on the server make it return what it returned previously

it shouldnt matter if i wrap it in [] or not

using .getResponseText gives me: Uncaught TypeError: Cannot read property 'value' of null

Sweet! I got the db data to alert!

Now to just write it to a DOM element

I think the "changeme" div isn't loaded yet. (defn change-dom [content] (-> js/document (.getElementById "changeme") (.-innerHTML)(set! (-> js/document (.getElementById n)(.-value)(str content)) )) )

typo there

where

what is n

ah sorry your code style there threw me off

Fix up your indentations so we know what you meant to convey

and use code formatting with three backticks

three back ticks

Your code, properly indented, looks more like this:

(defn change-dom [content]
    (-> js/document
        (.getElementById "changeme")
        (.-innerHTML)
        (set!
         (-> js/document
             (.getElementById n)
             (.-value)
             (str content)))))

I'm not sure what you were trying to accomplish there. But you can probably just replace that last (set! ... with (set! content)

I am trying to write the db results into a div

Yeah, I'm not sure what n is supposed to mean there

im surprised my compiler rwasnt complaining

i tried replacing it with "changeme" but i still get the same null error

alerting content works fine

sounds like you're almost there

i tried intoing into a div, and into body, with no luck

why is it finding null for div "changeme" when it's already on the page?

oh snap, it'

s not on the page. id = [Object object]

yeah, I think your above function may have accidentally did that. Try first making a basic function that can add text to a div

Just one div and one piece of text

Sweet! I got it!

db info printed to a div!

i should go home early

Nice! refer to this too when translating from js code: https://kanaka.github.io/clojurescript/web/synonym.html

cya

If one wants to release a ClojureScript lib on NPM and make it maximally usable by the greatest number of JS devs, what are the JS ecosystem things a CLJS dev should take into consideration?

that’s just not a very popular thing to do for the reason that nobody will want to use your thing client side unless they’re going to run Google Closure on it

which they probably won’t

Yeah, I wasn't able to find many libs out there produced with closure. I understand React is ran through it (at FB), but I guess that's just for prod. But if the output is set to :none or :simple, are other minifier/packer tools not able to consume that output?

what I mean rather is we generate lot of code and it’s very verbose

but that’s because we assume Closure will run on it

since what you’d be shipping on npm would have to be code compiled with :none nobody will be able to handle that

independently compiling stuff also doesn’t work

data structures will be considered different

Ah, so datascript is just delivering a minified artifact via npm. And your mori is running lein from the npm build command.

Minified artifacts should be good enough for my target audience, as this is more of a tool, used with code, than a lib.

So, wrt distributing minified CLJS to the JS world, are there any other gotchas or assumptions to be aware of about JS consumers?

I got a good idea of how to manage exported functions

right you just need to understand that datascript and mori etc. are not compatible

they can’t be used together

right

if you’re fine with all of these limitations then, sure, datascript & mori are how it’s done

This may be too ambitious, but I'd like to code split my tool into a bunch of different, optional artifacts. If certain modules are pulled, they may pull in other modules (off the CDN). I'm thinking this will all continue to just work, even when being called from the JS side.

well just not possible in a way that’s practical for end users

(JavaScript end users)

Why so? I wouldn't be passing control of the dependency stuff over to the JS users.

you can’t split code into independent modules like that

the code splitting we have is only about browser clients

I'm targeting browser. I just said npm because that seems like the JS distribution channel most clients will be familiar with.

ooh, but yea...

Could it be possible to make multiple code-splitted-modules available on npm, and once their downloaded and up in a user's assets folder, they'd be in the right place? Similar to how it'd work if they were pulling the root artifact off of a CDN, which also contains the rest of the splits?

I may be getting too esoteric with the use cases. I'm just wondering what I can offer and I'm still learning the JS ecosystem. It seems to change faster than you can learn it though 🙂

I’m getting a WARNING - unreachable code when trying to compile my project after adding a node module via npm-deps. Has anyone seen this before?

thanks @john, @iam! works great!

Hey, does anybody know of anyone know of any good ways to organize components with configurable colors? How do I describe this problem lol.

I'm trying to set up a personal library of components which I can include across projects by putting a bunch of dynamic variables at the top of the namespace. so like

(def ^:dynamic a-color "#ffffff")

(defn a-component [& args]
    [:div.box {:style {:background-color a-color}}])

I feel like I lack the human language to describe color in terms of its function. I've got numbers and colors, and neither one seems appropriate lol

should they be named conceptually? "accent" "main" "background" "branding" ...

or think of palettes. take 5 colors and just use numbers

yeah, I guess they should, I guess I should be putting this question to designer friends, because I like, don't know enough conceptual language

when you said "accent" there i was like "oh man thats great!" I'm at kindergarten level for design vocab 😅

ooh, okay, I think I'm getting closer... so, there are a couple ways to choose color schemes apparently. you have have a triadic color scheme or a complementary scheme or a split complementary, etc. Maybe if I make a couple of those pallets, and then maybe have a function that chooses colors depending on what's defined? Man I am over engineering the living hell out of this

Does anyone know if there is a way to tell the closure compiler to ignore certain files from project.clj? (i.e. node_modules)

:npm-deps false disables reading from node_modules