Hi. I am trying to use d3.js, but I can't seem to import it correctly

(ns tech.coderaanalytics.d3test.views
  (:require ["d3" :as d3]))

what is the rest of the error?

(chrome displays these errors better than safari/firefox)

hmm thats werid. which shadow-cljs version is this?

[email protected]

hmm yeah upgrade that. that error message should be better, or just go away 😉

Solved the problem

😁

Is there a way to output multiple builds with different conditionals/reader features to the same directory?

AFAICT it's not possible to specify per-module compiler options, nor to specify a specific output path for a module without renaming it.

The only option I can think of would be to have duplicate build targets where the module names are different; but that'd mean I'd have to duplicate all (non-module) config, which seems a bit ugly (and also I'd run into problems with the different targets overwriting one anothers' manifest.edn files).

Hi Trying to use :karma target and getting Uncaught ReferenceError: global is not defined if i use npx shadow-cljs compile test && npx karma start --single-run works fine if i use release: npx shadow-cljs release test && npx karma start --single-run Am i missing anything? The relevant part of shadow-cljs.edn is :

:test    {:target           :karma
            :output-to        "out/karma-test.js"
            :compiler-options {:source-map true}
            :autorun          true}}

Shadow-cljs optimizes the keys from this object. So that when i send this object to the backend it has key names like “Pq” instead of “success_url”

payment.js

const docRef = await db
    .collection('customers')
    .doc(firebaseapp.auth().currentUser.uid)
    .collection('checkout_sessions')
    .add({
      price: 'price_XXXXXXX',
      success_url: window.location.origin,
      cancel_url:
        window.location.origin + '/logout',
    });

I include the JS file like this: index.cljs

(ns app.components.user.index
  (:require
   ["antd" :refer (Avatar Button Dropdown Menu Skeleton Spin)]
   ["@ant-design/icons" :refer (LoadingOutlined)]
   [reagent.core :as r]
   ["firebase/compat/app" :default firebase]
   [app.helpers.macros :refer [if-let-n]]
   ["./payment" :refer (onAuth openCheckout openCustomerPortal onActiveSubscription)] <---- imports
   [re-frame.core :as rf]
   [cljs.core.match :refer [match]]))

Options: 1. don’t do optimizations on the payment.js file. How? 2. don’t do optimizations on the keys of this specific object. How?

✅ Problem solved: Use string keys, since they don’t get optimized. payment.js

const docRef = await db
    .collection('customers')
    .doc(firebaseapp.auth().currentUser.uid)
    .collection('checkout_sessions')
    .add({
      "price": 'price_XXXXXXX',
      "success_url": window.location.origin,
      "cancel_url":
        window.location.origin + '/logout',
    });

yeah, string keys or externs

I need to contain all the front-end dependencies inside shadow-cljs.edn (to separate them from other lein deps), but I still want to call shadow.cljs.devtools.server and shadow.cljs.devtools.api from Clojure REPL. I tried leaving all the front-end deps in shadow-cljs.edn, and added only thheller/shadow-cljs to project.clj. But it doesn't compile my stuff. It keeps complaining about missing dependencies. What I am missing?

It works when I do it outside of REPL i.e., npx shadow-cljs compile :app, but when I do it from within the REPL, like so:

(require '[shadow.cljs.devtools.api :as shadow])
(require '[shadow.cljs.devtools.server :as server])
(server/start!)
(shadow/compile :app)

dependencies are managed in the process you are launching shadow-cljs in

so if you use lein to start you REPL then your dependencies are managed there

shadow-cljs.edn dependencies don't apply then

Yah, this makes sense now. I guess I'm gonna have to start cljs REPL in a separate process now