fulcro

Yaw Odame 2025-01-04T23:46:08.429429Z

Cross posting: ---- Hey everyone! 👋 I’m working on an Expo React Native app and trying to integrate GlueStack-UI with NativeWind/TailwindCSS. The app itself is running fine, but I’m encountering an issue where NativeWind/TailwindCSS isn’t properly watching my *.cljs files and, as a result, styles aren’t being applied correctly. Here’s a quick overview of my setup: • Framework: Fulcro with ExpoUI Library: GlueStack-UI • Styling: NativeWind + TailwindCSS • Codebase: Some components are written in ClojureScript (*.cljs) What I’ve Tried So Far: 1. Added ../src/main//*.{cljs,cljc} to the content array in tailwind.config.js. 2. Verified that the files are accessible and readable. 3. Ran npx tailwindcss --content ../src/main//*.{cljs,cljc} --dry-run --verbose to debug content matching. 4. Updated metro.config.js to include:

config.watchFolders = [
 path.resolve(__dirname, '../src/main')
];
config.resolver.sourceExts = ['js', 'jsx', 'ts', 'tsx', 'cljs', 'cljc'];
Observations: • Tailwind’s --dry-run shows that *.cljs files are being processed. • However, when running expo start, styles from *.cljs files don’t seem to be applied. Questions: 1. Has anyone successfully set up GlueStack-UI with TailwindCSS in a mixed JS/CLJS codebase? 2. Are there any specific settings required to ensure that NativeWind can process styles in *.cljs files properly? 3. Could there be a caching issue, or am I missing something in the integration? Any insights or examples would be greatly appreciated! Thanks in advance for your help.

Yaw Odame 2025-01-06T19:01:42.457809Z

Found a solution. See my https://clojurians.slack.com/archives/C6N245JGG/p1736189978259539?thread_ts=1736034318.118149&cid=C6N245JGG on #shadow-cljs for details.