40 |
41 | To contact us: contact@nosgestesclimat.fr
-------------------------------------------------------------------------------- /loaders/locale-yaml-loader.js: -------------------------------------------------------------------------------- 1 | const yaml = require('yaml') 2 | 3 | module.exports = function (content) { 4 | const jsContent = yaml.parse(content) 5 | 6 | //Remove keys that make the bundle heavier but are only useful for translation purposes, not in the UI 7 | const newObject = Array.isArray(jsContent) 8 | ? jsContent.map((entry) => 9 | Object.fromEntries( 10 | Object.entries(entry).filter(([key, value]) => !key.endsWith('.lock')) 11 | ) 12 | ) 13 | : { 14 | entries: Object.fromEntries( 15 | Object.entries(jsContent.entries).filter( 16 | ([key, value]) => !key.endsWith('.lock') 17 | ) 18 | ), 19 | } 20 | 21 | return 'module.exports = ' + JSON.stringify(newObject) 22 | } 23 | -------------------------------------------------------------------------------- /manifest.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nos gestes climat", 3 | "description": "Calcule ton empreinte sur le climat", 4 | "display": "standalone", 5 | "lang": "fr", 6 | "orientation": "portrait-primary", 7 | "theme_color": "#532fc5", 8 | "icons": [ 9 | { 10 | "src": "/images/logo.svg", 11 | "sizes": "144x144", 12 | "type": "image/svg+xml" 13 | } 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- 1 | # Since 11/07/2023, we do not use "/contribuer" but "questions-frequentes" for de the FAQ. 2 | [[redirects]] 3 | from = "/contribuer" 4 | to = "/questions-frequentes" 5 | status = 301 6 | force = true 7 | 8 | [[redirects]] 9 | from = "/conference/*" 10 | to = "/conférence/:splat" 11 | 12 | # As it is an SPA, here, all urls has to be supported in react 13 | [[redirects]] 14 | from = "/*" 15 | to = "/index.html" 16 | status = 200 17 | 18 | [dev] 19 | framework = "#custom" 20 | command = "yarn start" # Command to start your dev server 21 | port = 8888 # The port that the netlify dev will be accessible on 22 | targetPort = 8080 23 | publish = "dist" # If you use a _redirect file, provide the path to your static content folder 24 | 25 | [[edge_functions]] 26 | path = "/geolocation" 27 | function = "geolocation" 28 | 29 | [functions] 30 | node_bundler = "esbuild" 31 | 32 | -------------------------------------------------------------------------------- /netlify/functions/create-issue.js: -------------------------------------------------------------------------------- 1 | import fetch from 'node-fetch' 2 | 3 | let { GITHUB_TOKEN } = process.env 4 | 5 | exports.handler = async (event, context) => { 6 | let baseUrl = 'https://api.github.com/repos/', 7 | { repo, title, body, labels } = event.queryStringParameters, 8 | url = baseUrl + repo + '/issues', 9 | headers = { 10 | Authorization: `token ${GITHUB_TOKEN}`, 11 | Accept: 'application/vnd.github.symmetra-preview+json', 12 | }, 13 | options = { 14 | method: 'POST', 15 | headers: headers, 16 | mode: 'cors', 17 | cache: 'default', 18 | body: JSON.stringify({ 19 | title, 20 | body, 21 | labels: (labels && labels.split(',')) || ['Contribution'], 22 | }), 23 | } 24 | 25 | return fetch(url, options) 26 | .then((response) => { 27 | return response.json() 28 | }) 29 | .then((json) => ({ 30 | statusCode: 200, 31 | headers: { 32 | 'Content-Type': 'application/json;charset=utf-8', 33 | 34 | 'Access-Control-Allow-Origin': '*', 35 | }, 36 | body: JSON.stringify({ url: json['html_url'] }), 37 | })) 38 | .catch((error) => ({ statusCode: 422, body: String(error) })) 39 | } 40 | -------------------------------------------------------------------------------- /netlify/functions/decrypt-data.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/require-await */ 2 | import CryptoJS from 'crypto-js' 3 | 4 | /** 5 | * Decrypts data with AES (use to decrypt data from encrypt-data.ts) 6 | * @param {string} data - Data to decrypt 7 | */ 8 | exports.handler = async (event) => { 9 | const data = String(event.body) 10 | 11 | const decryptedData = CryptoJS.AES.decrypt( 12 | data, 13 | process.env.ENCRYPTION_KEY 14 | ).toString(CryptoJS.enc.Utf8) 15 | 16 | return { 17 | statusCode: 200, 18 | headers: { 19 | 'Content-Type': 'application/json;charset=utf-8', 20 | }, 21 | body: JSON.stringify(decryptedData), 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /netlify/functions/encrypt-data.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/require-await */ 2 | import CryptoJS from 'crypto-js' 3 | 4 | /** 5 | * Encrypts data with AES 6 | * @param {string} data - Data to encrypt 7 | */ 8 | exports.handler = async (event) => { 9 | const data = JSON.parse(event.body as string) 10 | 11 | const encryptedData = CryptoJS.AES.encrypt( 12 | data, 13 | process.env.ENCRYPTION_KEY 14 | ).toString() 15 | 16 | return { 17 | statusCode: 200, 18 | headers: { 19 | 'Content-Type': 'application/json;charset=utf-8', 20 | }, 21 | body: JSON.stringify(encryptedData), 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /netlify/functions/geolocation.js: -------------------------------------------------------------------------------- 1 | const countries = require('./countries.json') 2 | 3 | exports.handler = async function (event) { 4 | const code = event.headers['x-country'] || 'FR' 5 | return { 6 | statusCode: 200, 7 | body: JSON.stringify({ 8 | country: countries.find((country) => country.code === code), 9 | }), 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /netlify/functions/get-newsletter-subscribers-number.ts: -------------------------------------------------------------------------------- 1 | import SibApiV3Sdk from 'sib-api-v3-sdk' 2 | 3 | const NGC_LIST_ID = 22 4 | 5 | type Data = { 6 | totalSubscribers: number 7 | } 8 | 9 | exports.handler = async () => { 10 | const defaultClient = SibApiV3Sdk.ApiClient.instance 11 | 12 | // Configure API key authorization: api-key 13 | const apiKey = defaultClient.authentications['api-key'] 14 | apiKey.apiKey = process.env.BREVO_API_KEY 15 | 16 | const contactApiInstance = new SibApiV3Sdk.ContactsApi() 17 | 18 | try { 19 | const data: Data = await contactApiInstance.getList(NGC_LIST_ID) 20 | 21 | return { 22 | statusCode: 200, 23 | headers: { 24 | 'Content-Type': 'application/json;charset=utf-8', 25 | 26 | 'Access-Control-Allow-Origin': '*', 27 | }, 28 | body: JSON.stringify(data.totalSubscribers), 29 | } 30 | } catch (e) { 31 | console.log(e) 32 | return { 33 | statusCode: 404, 34 | } 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [require('autoprefixer'), require('tailwindcss')], 3 | } 4 | -------------------------------------------------------------------------------- /scripts/.eslintrc.yaml: -------------------------------------------------------------------------------- 1 | # We overwrite the default ESLint configuration for NodeJS scripts 2 | env: 3 | node: true 4 | rules: 5 | no-console: 0 6 | -------------------------------------------------------------------------------- /scripts/i18n/check-ui.js: -------------------------------------------------------------------------------- 1 | const utils = require('@incubateur-ademe/nosgestesclimat-scripts/utils') 2 | const cli = require('@incubateur-ademe/nosgestesclimat-scripts/cli') 3 | 4 | const paths = require('./paths') 5 | 6 | const { srcLang, destLangs, markdown } = cli.getArgs( 7 | 'Check missing translations for UI texts.', 8 | { source: true, target: true, markdown: true }, 9 | ) 10 | 11 | cli.printChecksResultTableHeader(markdown) 12 | 13 | destLangs.forEach((destLang) => { 14 | const missingTranslations = utils.getUiMissingTranslations( 15 | paths.UI[srcLang].withLock, 16 | paths.UI[destLang].withLock, 17 | ) 18 | const nbMissingTranslations = missingTranslations.length 19 | 20 | cli.printChecksResult( 21 | nbMissingTranslations, 22 | missingTranslations, 23 | 'UI texts', 24 | destLang, 25 | markdown, 26 | ) 27 | }) 28 | -------------------------------------------------------------------------------- /scripts/i18n/paths.js: -------------------------------------------------------------------------------- 1 | /* 2 | Simple module containing all paths implicated to the translation. 3 | */ 4 | 5 | const path = require('path') 6 | 7 | const utils = require('@incubateur-ademe/nosgestesclimat-scripts/utils') 8 | 9 | const localesDir = path.resolve('source/locales') 10 | const rulesTranslation = path.resolve('source/locales/rules-en.yaml') 11 | const i18nextParserConfig = path.resolve('scripts/i18n/parser.config.js') 12 | const staticAnalysisFrRes = path.resolve( 13 | 'source/locales/static-analysis-fr.json' 14 | ) 15 | const UI = Object.fromEntries( 16 | utils.availableLanguages.map((lang) => [ 17 | lang, 18 | { 19 | withLock: path.resolve(`source/locales/ui/ui-${lang}.yaml`), 20 | withoutLock: path.resolve(`source/locales/ui/ui-${lang}-min.yaml`), 21 | }, 22 | ]) 23 | ) 24 | 25 | const FAQ = Object.fromEntries( 26 | utils.availableLanguages.map((lang) => [ 27 | lang, 28 | { 29 | withLock: path.resolve(`source/locales/faq/FAQ-${lang}.yaml`), 30 | withoutLock: path.resolve(`source/locales/faq/FAQ-${lang}-min.yaml`), 31 | }, 32 | ]) 33 | ) 34 | 35 | module.exports = { 36 | localesDir, 37 | rulesTranslation, 38 | i18nextParserConfig, 39 | staticAnalysisFrRes, 40 | UI, 41 | FAQ, 42 | } 43 | -------------------------------------------------------------------------------- /source/AnimatedLoader.tsx: -------------------------------------------------------------------------------- 1 | export default () => ( 2 |33 | {t( 34 | 'Notre équipe a été notifiée, nous allons résoudre le problème au plus vite.' 35 | )} 36 |
37 | 45 |
40 |
41 |
16 |
{
30 | currentTarget.onerror = null
31 | setFail(true)
32 | }}
33 | />
34 | ) : (
35 | !voidIfFail && 
36 | )}
37 |
38 | )
39 | }
40 |
--------------------------------------------------------------------------------
/source/components/SearchBar.css:
--------------------------------------------------------------------------------
1 | li.active {
2 | background: var(--color);
3 | color: var(--textColor);
4 | }
5 |
6 | li.active a {
7 | color: var(--textColor);
8 | }
9 |
--------------------------------------------------------------------------------
/source/components/SearchBar.worker.js:
--------------------------------------------------------------------------------
1 | import Fuse from 'fuse.js'
2 |
3 | let searchWeights = [
4 | {
5 | name: 'espace',
6 | weight: 0.6
7 | },
8 | {
9 | name: 'title',
10 | weight: 0.4
11 | }
12 | ]
13 |
14 | let fuse = null
15 | onmessage = function(event) {
16 | if (event.data.rules)
17 | fuse = new Fuse(event.data.rules, {
18 | keys: searchWeights,
19 | includeMatches: true,
20 | minMatchCharLength: 2,
21 | useExtendedSearch: true,
22 | distance: 50,
23 | threshold: 0.3
24 | })
25 |
26 | if (event.data.input) {
27 | let results = [
28 | ...fuse.search(
29 | event.data.input + '|' + event.data.input.replace(/ /g, '|')
30 | )
31 | ]
32 | postMessage(results)
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/source/components/SearchButton.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from 'react'
2 | import { Trans } from 'react-i18next'
3 | import { Navigate } from 'react-router'
4 | import useKeypress from '../hooks/useKeyPress'
5 |
6 | type SearchButtonProps = {
7 | invisibleButton?: boolean
8 | }
9 |
10 | export default function SearchButton({ invisibleButton }: SearchButtonProps) {
11 | const [visible, setVisible] = useState(false)
12 |
13 | useKeypress(
14 | 'k',
15 | true,
16 | (e) => {
17 | e.preventDefault()
18 | setVisible(true)
19 | },
20 | 'keydown',
21 | []
22 | )
23 |
24 | const close = () => setVisible(false)
25 |
26 | return visible ? (
27 |