nx-react-native-cli 2.0.1 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nx-react-native-cli",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "A react native starter (with NX) cli script",
   "type": "module",
   "files": [
@@ -10,7 +10,7 @@
     "package.json"
   ],
   "bin": {
-    "nxrn": "./lib/index.cjs"
+    "nx-react-native-cli": "./lib/index.cjs"
   },
   "scripts": {
     "start": "./src/index.js",

package/templates/apps/mobile/react-native.config.js

@@ -3,5 +3,5 @@ module.exports = {
     ios: {},
     android: {},
   },
-  assets: ['./src/assets/fonts'],
+  assets: ['./assets/fonts'],
 };

package/templates/apps/mobile/src/tailwind/index.ts

@@ -1,11 +1,60 @@
+import plugin from 'tailwindcss/plugin';
 import resolveConfig from 'tailwindcss/resolveConfig';
 import { create } from 'twrnc';
 
 import tailwindConfig from '../../tailwind.config';
 
+import CONFIG from '@/config';
+
 const theme = resolveConfig(tailwindConfig);
 
-export const tw = create(tailwindConfig);
+export const tw = create({
+  ...tailwindConfig,
+  plugins: [
+    ...tailwindConfig.plugins,
+    plugin(({ addUtilities }) => {
+      addUtilities({
+        '.box': `border border-[#000]`,
+        '.font-black-italic': `font-black-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-bold-italic': `font-bold-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-extrabold-italic': `font-extrabold-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-extralight-italic': `font-extralight-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-light-italic': `font-light-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-medium-italic': `font-medium-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-sans-italic': `font-sans-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-semibold-italic': `font-semibold-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+        '.font-thin-italic': `font-thin-italic ${CONFIG.IS_IOS ? 'italic' : ''}`,
+      });
+    }),
+  ],
+  theme: {
+    ...tailwindConfig.theme,
+    fontFamily: {
+      black: CONFIG.IS_ANDROID ? 'InterBlack' : 'Inter 18pt Black',
+      'black-italic': CONFIG.IS_ANDROID ? 'InterBlackItalic' : 'Inter 18pt Black Italic',
+      bold: CONFIG.IS_ANDROID ? 'InterBold' : 'Inter 18pt Bold',
+      'bold-italic': CONFIG.IS_ANDROID ? 'InterBoldItalic' : 'Inter 18pt Bold Italic',
+      extrabold: CONFIG.IS_ANDROID ? 'InterExtraBold' : 'Inter 18pt ExtraBold',
+      'extrabold-italic': CONFIG.IS_ANDROID
+        ? 'InterExtraBoldItalic'
+        : 'Inter 18pt ExtraBold Italic',
+      extralight: CONFIG.IS_ANDROID ? 'InterExtraLight' : 'Inter 18pt ExtraLight',
+      'extralight-italic': CONFIG.IS_ANDROID
+        ? 'InterExtraLightItalic'
+        : 'Inter 18pt ExtraLight Italic',
+      light: CONFIG.IS_ANDROID ? 'InterLight' : 'Inter 18pt Light',
+      'light-italic': CONFIG.IS_ANDROID ? 'InterLightItalic' : 'Inter 18pt Light Italic',
+      medium: CONFIG.IS_ANDROID ? 'InterMedium' : 'Inter 18pt Medium',
+      'medium-italic': CONFIG.IS_ANDROID ? 'InterMediumItalic' : 'Inter 18pt Medium Italic',
+      sans: CONFIG.IS_ANDROID ? 'InterRegular' : 'Inter 18pt Regular',
+      'sans-italic': CONFIG.IS_ANDROID ? 'InterItalic' : 'Inter 18pt Italic',
+      semibold: CONFIG.IS_ANDROID ? 'InterSemiBold' : 'Inter 18pt SemiBold',
+      'semibold-italic': CONFIG.IS_ANDROID ? 'InterSemiBoldItalic' : 'Inter 18pt SemiBold Italic',
+      thin: CONFIG.IS_ANDROID ? 'InterThin' : 'Inter 18pt Thin',
+      'thin-italic': CONFIG.IS_ANDROID ? 'InterThinItalic' : 'Inter 18pt Thin Italic',
+    },
+  },
+});
 
 export const errorContainerStyle = (err: boolean) => err && tw`border-red-600`;
 

package/templates/apps/mobile/tailwind.config.js

@@ -13,8 +13,26 @@ module.exports = {
     }),
   ],
   theme: {
+    // FOR FONTS: This is only for intellisense the real config is in apps/mobile/src/tailwind
     fontFamily: {
-      sans: ['Inter 18pt'],
+      black: 'InterBlack',
+      'black-italic': 'InterBlackItalic',
+      bold: 'InterBold',
+      'bold-italic': 'InterBoldItalic',
+      extrabold: 'InterExtraBold',
+      'extrabold-italic': 'InterExtraBoldItalic',
+      extralight: 'InterExtraLight',
+      'extralight-italic': 'InterExtraLightItalic',
+      light: 'InterLight',
+      'light-italic': 'InterLightItalic',
+      medium: 'InterMedium',
+      'medium-italic': 'InterMediumItalic',
+      sans: 'Inter',
+      'sans-italic': 'InterItalic',
+      semibold: 'InterSemiBold',
+      'semibold-italic': 'InterSemiboldItalic',
+      thin: 'InterThin',
+      'thin-italic': 'InterThinItalic',
     },
     extend: {
       flex: {