@fto-consult/expo-ui 6.36.0 → 6.37.2

package/.env.readMe.txt

@@ -1,11 +1,11 @@
-//les paramètres d'environnement utilse : 
-
-GENERATE_GET_TABLE_JS_FILE = 1|0|true|false //si le fichier getTable.js sera généré dans le dossier des tables de données de l'application
-pour que ce soit possible, la variable TABLES_DATA_PATH doit exister et doit pointer sur le repertoire des tables de données de l'application
-
-TABLES_DATAS_PATH = //path, chemin vers le dossier des tables de données de l'application
-
-
-STRUCTS_DATA_PATH = //path, chemin vers le dossiers des structs data des données de l'application
-
-
+//les paramètres d'environnement utilse : 
+
+GENERATE_GET_TABLE_JS_FILE = 1|0|true|false //si le fichier getTable.js sera généré dans le dossier des tables de données de l'application
+pour que ce soit possible, la variable TABLES_DATA_PATH doit exister et doit pointer sur le repertoire des tables de données de l'application
+
+TABLES_DATAS_PATH = //path, chemin vers le dossier des tables de données de l'application
+
+
+STRUCTS_DATA_PATH = //path, chemin vers le dossiers des structs data des données de l'application
+
+

package/App.js

@@ -0,0 +1 @@
+export {default} from "./src";

package/app.config.json

@@ -1,11 +1,11 @@
-{
-	"name": "@FTO-CONSULT/EXPO-UI",
-	"version": "6.31.7",
-	"description": "Bibliothèque de composants UI Expo,react-native",
-	"bin": {
-		"expo-ui": "./bin/index.js"
-	},
-	"author": "Boris Fouomene",
-	"license": "ISC",
-	"homepage": "https://github.com/borispipo/expo-ui#readme"
+{
+	"name": "@FTO-CONSULT/EXPO-UI",
+	"version": "6.31.7",
+	"description": "Bibliothèque de composants UI Expo,react-native",
+	"bin": {
+		"expo-ui": "./bin/index.js"
+	},
+	"author": "Boris Fouomene",
+	"license": "ISC",
+	"homepage": "https://github.com/borispipo/expo-ui#readme"
 }

package/app.json

@@ -1,12 +1,12 @@
-{
-  "expo": {
-    "name": "@fto-consult/expo-ui",
-    "slug": "fto-consult-expo-ui",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "web": {
-      "bundler": "metro"
-    }
-  },
-  "userInterfaceStyle": "automatic"
+{
+  "expo": {
+    "name": "@fto-consult/expo-ui",
+    "slug": "fto-consult-expo-ui",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "web": {
+      "bundler": "metro"
+    }
+  },
+  "userInterfaceStyle": "automatic"
 }

package/bin/create-app/App.js

@@ -0,0 +1,40 @@
+import ExpoUIProvider from "$expo-ui"; 
+import screens from "./src/screens";
+import drawerItems from "./src/navigation/drawerItems";
+import Logo from "./src/components/Logo";
+
+export default function AppMainEntry(){
+    return <ExpoUIProvider
+        navigation = { {
+            //all application screeens
+            screens,
+            drawerItems, //application main drawer items
+        }}
+        components = {{
+            logo : Logo,//logo component's properties
+            loginPropsMutator : {},//login props mutator
+            authEnabled : true,//si le module d'authentification sera requis
+        }}
+        /*** //for application initialization
+            @param {
+                appConfig : {object}, //application configuration manager imported from $capp/config
+            }
+            @return {Promise} if rejected, application is suposed to not be started, so we need to display getStarted Screen, il not, application logic is runned
+        */
+        init = {function({appConfig}){ 
+            return Promise.resolve("app is initialized");
+        }}
+        /**
+        * //when main application component is mounted
+        */
+        onMount = {function(){}}
+        /****when main application component is unmounted*/
+        onUnmount = {function(){}}
+        /**** called any time main application's component is rendered */
+        onRender = {function(){}}
+        /*** if you need to wrap main application content with some custom react Provider*/
+        children = {function({children}){
+            return children;           
+        }}
+    />
+}  

package/bin/create-app.js

@@ -31,6 +31,7 @@ module.exports = function(parsedArgs,{projectRoot:root}){
           version : "1.0.0",
           "description": "",
           "main": "index.js",
+          "main": "node_modules/expo/AppEntry.js",
           "scripts" : {
             start : "npx expo start -c",
             "serve-web" : "npx serve web-build --single",
@@ -50,6 +51,7 @@ module.exports = function(parsedArgs,{projectRoot:root}){
       mainPackage.dependencies = typeof mainPackage.dependencies ==="object" && mainPackage.dependencies || {};
       mainPackage.dependencies["react-native"] = reactNativeVersion;
       mainPackage.dependencies["expo"] = expoVersion;
+      mainPackage.main = mainPackage.main || "node_modules/expo/AppEntry.js";
       for(let i in devDeps){
         if(!(i in mainPackage.devDependencies)){
             hasUpdateDeps = true;

package/electron/utils/env.js

@@ -1,80 +1,80 @@
-import chalk from 'chalk';
-
-/**
- * Validate the environment options and apply default values.
- *
- * @param env
- * @category env
- */
-export function validateEnvironment(env){
-  if (typeof env.projectRoot !== 'string') {
-    throw new Error(
-      `@expo/webpack-config requires a valid projectRoot string value which points to the root of your project`
-    );
-  }
-  warnEnvironmentDeprecation(env, true);
-  const validModes = ['development', 'production', 'none'];
-  if (!env.mode || !validModes.includes(env.mode)) {
-    throw new Error(
-      `@expo/webpack-config requires a valid \`mode\` string which should be one of: ${validModes.join(
-        ', '
-      )}`
-    );
-  }
-
-  // Default to web. Allow any arbitrary platform.
-  if (typeof env.platform === 'undefined') {
-    env.platform = 'web';
-  }
-  // No https by default since it doesn't work well across different browsers and devices.
-  if (typeof env.https === 'undefined') {
-    env.https = false;
-  }
-  
-  return env;
-}
-
-let warned= {};
-
-function shouldWarnDeprecated(
-  config,
-  key,
-  warnOnce
-) {
-  return (!warnOnce || !(key in warned)) && typeof config[key] !== 'undefined';
-}
-
-/**
- *
- * @param env
- * @param warnOnce
- * @category env
- * @internal
- */
-export function warnEnvironmentDeprecation(env, warnOnce) {
-  const warnings = {
-    production: 'Please use `mode: "production"` instead.',
-    development: 'Please use `mode: "development"` instead.',
-    polyfill: 'Please include polyfills manually in your project.',
-  };
-
-  for (const warning of Object.keys(warnings)) {
-    if (shouldWarnDeprecated(env, warning, warnOnce)) {
-      warned[warning] = true;
-      console.warn(
-        chalk.bgYellow.black(
-          `The environment property \`${warning}\` is deprecated. ${warnings[warning]}`.trim()
-        )
-      );
-    }
-  }
-}
-
-/**
- * Used for testing
- * @category env
- * @internal
- */
-export function _resetWarnings() {
-  warned = {};
+import chalk from 'chalk';
+
+/**
+ * Validate the environment options and apply default values.
+ *
+ * @param env
+ * @category env
+ */
+export function validateEnvironment(env){
+  if (typeof env.projectRoot !== 'string') {
+    throw new Error(
+      `@expo/webpack-config requires a valid projectRoot string value which points to the root of your project`
+    );
+  }
+  warnEnvironmentDeprecation(env, true);
+  const validModes = ['development', 'production', 'none'];
+  if (!env.mode || !validModes.includes(env.mode)) {
+    throw new Error(
+      `@expo/webpack-config requires a valid \`mode\` string which should be one of: ${validModes.join(
+        ', '
+      )}`
+    );
+  }
+
+  // Default to web. Allow any arbitrary platform.
+  if (typeof env.platform === 'undefined') {
+    env.platform = 'web';
+  }
+  // No https by default since it doesn't work well across different browsers and devices.
+  if (typeof env.https === 'undefined') {
+    env.https = false;
+  }
+  
+  return env;
+}
+
+let warned= {};
+
+function shouldWarnDeprecated(
+  config,
+  key,
+  warnOnce
+) {
+  return (!warnOnce || !(key in warned)) && typeof config[key] !== 'undefined';
+}
+
+/**
+ *
+ * @param env
+ * @param warnOnce
+ * @category env
+ * @internal
+ */
+export function warnEnvironmentDeprecation(env, warnOnce) {
+  const warnings = {
+    production: 'Please use `mode: "production"` instead.',
+    development: 'Please use `mode: "development"` instead.',
+    polyfill: 'Please include polyfills manually in your project.',
+  };
+
+  for (const warning of Object.keys(warnings)) {
+    if (shouldWarnDeprecated(env, warning, warnOnce)) {
+      warned[warning] = true;
+      console.warn(
+        chalk.bgYellow.black(
+          `The environment property \`${warning}\` is deprecated. ${warnings[warning]}`.trim()
+        )
+      );
+    }
+  }
+}
+
+/**
+ * Used for testing
+ * @category env
+ * @internal
+ */
+export function _resetWarnings() {
+  warned = {};
 }

package/env.js

@@ -1,11 +1,11 @@
-
-//permet de retourner le contenu de la variable d'environnement .env de l'application//
-module.exports = function(){
-    const fs = require("fs");
-    const path = require("path");
-    try {
-        const envPath = path.resolve(process.cwd(),".env");
-        return fs.existsSync(envPath)? require("./parse-env")(fs.readFileSync(envPath,'utf8')) : {};
-    } catch{}
-    return {};
+
+//permet de retourner le contenu de la variable d'environnement .env de l'application//
+module.exports = function(){
+    const fs = require("fs");
+    const path = require("path");
+    try {
+        const envPath = path.resolve(process.cwd(),".env");
+        return fs.existsSync(envPath)? require("./parse-env")(fs.readFileSync(envPath,'utf8')) : {};
+    } catch{}
+    return {};
 }

package/index.js

@@ -1,68 +1 @@
-import { registerRootComponent } from "expo";
-import Provider from "$econtext/Provider";
-const REGISTER_EVENT = "REGISTER-APP-COMPONENT-ROOT";
-import {useState,useEffect} from "react";
-const propsRef = {current:null};
-import APP from "$capp/instance";
-import {isObj,uniqid} from "$cutils";
-import {View} from "react-native";
-const isLOCALDEV = uniqid("is-expo-ui-local-DEV...");
-
-/****
- * les options sont de la forme : 
- * {
- *   @param init {function} ()=>Promise<{}>, initialise l'application, lorsque la promèsse n'est pas résolue, alors l'application considère qu'il s'agit d'une étape pour l'écran de GetStarted dans ce cas, 
- *   l'option la route getStartedRouteName est utilisée comme route par défaut de l'application
- *   @param initialRouteName {string} la route initiale, par d'afaut Home, valide lorsque la promèsse résultat de la fonction init est résolue
- *   @param getStartedRouteName {string} la route de l'écran de GetStarted, valide lorsque la promèsse résultat de la fonction init n'est pas résolue
- *      L'écran de route getStartedRouteName prend en paramètre onGetStarted {function}, qui est appelée lorsque le contenu de l'écran GetStarted est affiché à l'utilisateur
- *   @maram {swrConfig}, les options supplémentaires à passer au gestinnaire swr
- *   les écrans d'initialisation doivent garder la propriété Start à true ou doivent avoir le groupe INTALL, pour spécifier que ce sont es écrans qui apparaissent lorsque l'application n'est pas initialisée
- * }
- */
-
-
-const MainAppEntry = function(mProps){
-    const [props,setProps] = useState(propsRef.current);
-    const onRegisterProps = (props)=>{
-        if(isObj(propsRef.current) || !isObj(props)) return;
-        propsRef.current = props;
-        setProps({...props});
-    }
-    useEffect(()=>{
-        APP.on(REGISTER_EVENT,onRegisterProps);
-        return ()=>{
-            APP.off(REGISTER_EVENT,onRegisterProps);
-        }
-    },[]);
-    const cProps = isObj(props) ? props : propsRef.current;
-    if(!isObj(cProps)) {
-        return <View/>;
-    }
-    const {onMount,onUnmount,onRender,render,swrConfig,init,...rest} = {...mProps,...cProps};
-    const App = require("./src/App").default;
-    return  <Provider {...rest} swrConfig={isObj(swrConfig) && swrConfig || {}} children={<App init={init} render={render} onMount={onMount} onUnmount={onUnmount} onRender={onRender}/>}/>
-};
-
-registerRootComponent(MainAppEntry);
-
-export default function registerApp (opts){
-    propsRef.current = opts;
-    APP.trigger(REGISTER_EVENT,opts);
-}
-
-if(typeof __DEV__ !=='boolean' && window?.__DEV__){
-    //c'est uniquement en environnement développement que ceci est valide
-    //si après 5 secondes, l'application n'a pas été registrer, alors il s'agit d'un test en mode local
-    registerApp({
-        isLOCALDEV,
-        navigation : {
-            screens : require("./src/test-screens").default
-        },
-        init : ({appConfig})=>{
-            appConfig.set("isAuthSingleUserAllowed",true);
-            appConfig.set("authDefaultUser",{code:"root",password:"admin123",label:"Master admin"})
-            return Promise.resolve("test ted")
-        }
-    });
-}
+export {default} from "./App";