Corrige l'exemple publicode

publicodes/example/publicode-react/package.json

@@ -6,8 +6,9 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
-    "publicodes": "^1.0.0-beta.13",
-    "publicodes-react": "^1.0.0-beta.13",
+    "i18next": "^20.2.1",
+    "publicodes": "../../core/publicodes-v1.0.0-beta.13.tgz",
+    "publicodes-react": "../../ui-react/publicodes-react-v1.0.0-beta.13.tgz",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router": "^5.2.0",
@@ -16,6 +17,7 @@
     "web-vitals": "^1.0.1"
   },
   "scripts": {
+    "preinstall": "yarn pack --install-if-needed --cwd ../../core && yarn pack --install-if-needed --cwd ../../ui-react",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

publicodes/example/publicode-react/src/CO2-douche.publicodes.yaml

@@ -5,33 +5,21 @@ douche:
 douche . impact:
   icônes: 🍃
   unité: kgCO2eq / mois
-  valeur: impact par litre * litres d'eau par douche * nombre
+  valeur: fréquence * impact par litre * litres consommés
 
-douche . nombre:
+douche . fréquence:
   question: Combien prenez-vous de douches ?
-  par défaut: 1 douche / jour
+  par défaut: 1 douche/jour
   suggestions:
-    1 par jour: 1 douche / jour
-    5 par semaine: 4 douche / semaine
-    2 par jour: 2 douche / jour
+    1 par jour: 1 douche/jour
+    5 par semaine: 4 douche/semaine
+    2 par jour: 2 douche/jour
 
 
 douche . impact par litre:
   somme: 
     - eau . impact par litre froid
     - chauffage . impact par litre
-  
-douche . débit:
-  valeur: 18 litre/min
-  références:
-    économise l'eau: https://www.jeconomiseleau.org/index.php/particuliers/economies-par-usage/la-douche-et-le-bain
-
-douche . pomme de douche économe:
-  remplace: 
-    règle: débit
-    par: 9 litre/min
-  question: Utilisez-vous une pomme de douche économe ?
-  par défaut: non
 
 eau:
   icônes: 💧
@@ -74,10 +62,27 @@ chauffage . impact par litre:
         - si: type = 'électricité'
           alors: 0.059 
 
-douche . durée de la douche:
+douche . litres consommés:
+  produit:
+    assiette: durée moyenne
+    facteur: débit
+    
+douche . durée moyenne:
   question: Combien de temps dure votre douche en général ?
   par défaut: 10 min
   suggestions:
     expresse: 5 min
     moyenne: 10 min
     lente: 20 min
+  
+douche . débit:
+  valeur: 18 litre/min
+  références:
+    économise l'eau: https://www.jeconomiseleau.org/index.php/particuliers/economies-par-usage/la-douche-et-le-bain
+
+douche . pomme de douche économe:
+  remplace: 
+    règle: débit
+    par: 9 litre/min
+  question: Utilisez-vous une pomme de douche économe ?
+  par défaut: non

publicodes/example/publicode-react/src/Publicodes.js

@@ -1,9 +1,9 @@
 import Engine from 'publicodes'
 import { Documentation } from 'publicodes-react'
 import { useEffect, useState } from 'react'
-import { Router } from 'react-router-dom'
+import { BrowserRouter as Router } from 'react-router-dom'
 
-const rulesURL = require('./CO2-douche.publicodes.md')
+const rulesURL = require('./CO2-douche.publicodes.yaml').default
 
 async function initEngine(setEngine) {
 	const response = await fetch(rulesURL)

publicodes/example/publicode-react/src/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
+import './index.css'
+import reportWebVitals from './reportWebVitals'
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+	<React.StrictMode>
+		<App />
+	</React.StrictMode>,
+	document.getElementById('root')
+)
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+reportWebVitals()

publicodes/example/publicode-react/src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+	if (onPerfEntry && onPerfEntry instanceof Function) {
+		import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+			getCLS(onPerfEntry)
+			getFID(onPerfEntry)
+			getFCP(onPerfEntry)
+			getLCP(onPerfEntry)
+			getTTFB(onPerfEntry)
+		})
+	}
+}
+
+export default reportWebVitals