ripal-ui 1.0.2 → 1.0.4

package/config.js

@@ -1,4 +1,4 @@
-// import config from "../../ripal-ui.config.js"
-import config from "../ripal-ui.config.js"
+import config from "../../ripal-ui.config.js"
+// import config from "../ripal-ui.config.js"
 
 export default config

package/elements/Separator.tsx

@@ -34,7 +34,6 @@ const Separator: React.FC<SeparatorProps> = ({
 		});
 		toReturn = parseInt(toReturn.join(""));
 		theWidth = toReturn / 100 * Dimensions.get('screen').width;
-		console.log(theWidth);
 	}
 	return (
 		<Inline justifyContent="center">

package/elements/Switch.tsx

@@ -25,7 +25,6 @@ const Switch: React.FC<SwitchProps> = ({
 				if (onChange) {
 					onChange();
 				}
-				console.log('hehe');
 			}}
 		>
 			<Inline

package/elements/Text.tsx

@@ -1,7 +1,8 @@
-import React, { FC } from "react";
+import React, { FC, useEffect, useState } from "react";
 import { Text as RNText, TextStyle } from "react-native";
 import { useFonts, Poppins_300Light, Poppins_400Regular, Poppins_500Medium, Poppins_600SemiBold, Poppins_700Bold, Poppins_900Black } from "@expo-google-fonts/poppins";
 import config from "../config";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 
 interface TextProps {
     children: React.ReactNode;
@@ -35,13 +36,28 @@ const Text: FC<TextProps> = ({
         Poppins_700Bold,
         Poppins_900Black
     });
+    const [lang, setLang] = useState(config.appLangs.default);
 
-    if (config.appLangs.default !== null) {
+    useEffect(() => {
+        console.log('hehe');
+
+        AsyncStorage.getItem('app_lang').then(appLang => {
+            if (appLang != null) {
+                console.log('setting to ', appLang);
+                setLang(appLang);
+            }
+            console.log(appLang);
+        });
+    }, []);
+
+    if (lang !== null) {
         const ogChildren = children;
         if (typeof children === "string") {
+            console.log(lang);
+            
             children = children.split('.').reduce((acc, key) => {
                 return acc && acc[key] !== undefined ? acc[key] : ogChildren;
-            }, config.appLangs[config.appLangs.default]);
+            }, config.appLangs[lang]);
         }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ripal-ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A collection of React elements and components",
   "main": "index.js",
   "scripts": {

package/scripts/generateConfig.js

@@ -1,6 +1,20 @@
 // ./scripts/generateConfig.js
 const fs = require('fs');
 const path = require('path');
+const { exec } = require('child_process');
+
+// Installing AsyncStorage
+exec('npm install @react-native-async-storage/async-storage', (error, stdout, stderr) => {
+    if (error) {
+        console.error(`Error installing dependencies: ${error.message}`);
+        return;
+    }
+    if (stderr) {
+        console.error(`stderr: ${stderr}`);
+        return;
+    }
+    generateConfig(); // Call function to generate config after installing
+});
 
 // Define the config file content
 const configContent = `const config = {