FWIW I strongly recommend NOT running secondary tools in hooks. especially not something that starts processes that keep running

prefer setups like this one https://github.com/jacekschae/shadow-cljs-tailwindcss/blob/main/package.json#L8 using npm-run-all to run multiple things but in separate processes

running separate processes is not what build-hooks are made for and should be avoided

hmm, I see. this is actually what bb tasks is made for as well. (https://book.babashka.org/#tasks), similar to Make, Just, etc.

I'll leave your feedback on the ClojureVerse post as well.

I’m seeing [BABEL] Note: The code generator has deoptimised the styling of mydev/node_modules/somelib.js as it exceeds the max of 500KB. in my builds recently. It is not always printed, but sometimes. Does not seem to affect my build times. Normally appears along with Browserslist: caniuse-lite is outdated. Please run next command npm update . Switching between shadow 2.12.x and 2.15.x seems to not make a difference. Is this something that needs configuration, or is it not a problem?

Hi, morning is there a way to speed up compilation on ci by maybe reusing some caches from prev builds?

How do I install a local dependency?

is it clj dependency?

yea

probably you need to use tools.deps machinery for this

• https://shadow-cljs.github.io/docs/UsersGuide.html#deps-edn • https://clojure.org/guides/deps_and_cli#_using_local_libraries

dunno if there is shadow.edn support for this

@pepijndevos with deps.edn you can just use :local/root

I'm trying to configure i18n with shadow-cljs. As a glue code I'm using the following js code:

import React from "react";
import ReactDOM from "react-dom";
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import { resources } from "./translations";

export function init({onMissingKey}) {
  i18n
  // passes i18n down to react-i18next
    .use(LanguageDetector)
    .use(initReactI18next)
    .on('missingKey', onMissingKey)
    .init({
      // order and from where user language should be detected
      order: ['querystring', 'cookie', 'localStorage', 'sessionStorage', 'navigator', 'path', 'subdomain'],
      defaultNS: ['General'],
      // keys or params to lookup language from
      lookupQuerystring: 'lng',
      lookupCookie: 'i18next',
      lookupLocalStorage: 'i18nextLng',
      lookupSessionStorage: 'i18nextLng',
      lookupFromPathIndex: 0,
      lookupFromSubdomainIndex: 0,

      // cache user language on
      caches: ['localStorage', 'cookie'],
      excludeCacheFor: ['cimode'], // languages to not persist (cookie, localStorage)

      // optional expire and domain for set cookie
      cookieMinutes: 10,

      // optional htmlTag with lang attribute, the default is:
      htmlTag: document.documentElement,

      // optional set cookie options, reference:[MDN Set-Cookie docs]()
      cookieOptions: { path: '/', sameSite: 'strict' },
      // the translations
      // (tip move them in a JSON file and import them,
      // or even better, manage them via a UI: )
      saveMissing: true,
      resources,
      fallbackLng: "pl",
      interpolation: {
        // react already safes from xss => 
        escapeValue: false
      }
    });
}

export function refresh({ onSuccess, onFailure }) {
  return i18n.reloadResources().then(onSuccess).catch(onFailure);
}

export function language() {
  return i18n.language;
}

export function changeLanguage(lang, {onSuccess, onFailure} ) {
  return i18n.changeLanguage(lang).then(onSuccess).catch(onFailure);
}

export function t(key, opts) {
  return i18n.t(key, opts);
}

hi, how can I define a global js/ReactDOMServer variable? I'm trying to do

(:require ["react-dom/server" :as ReactDOMServer])

(set! js/ReactDOMServer ReactDOMServer)

error: Uncaught (in promise) ReferenceError: ReactDOMServer is not defined
(ReactDOMServer = module$node_modules$react_dom$server_browser);