2022-03-01 14:52:55 +00:00
|
|
|
import { MetadataSrc } from 'pages/Simulateurs/metadata-src'
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
import { map, reduce, toPairs, zipObj } from 'ramda'
|
2022-03-03 13:37:53 +00:00
|
|
|
import { LegalStatus } from '@/selectors/companyStatusSelectors'
|
2018-11-13 15:47:49 +00:00
|
|
|
|
|
|
|
export const LANDING_LEGAL_STATUS_LIST: Array<LegalStatus> = [
|
|
|
|
'EI',
|
|
|
|
'EIRL',
|
|
|
|
'EURL',
|
|
|
|
'SAS',
|
|
|
|
'SARL',
|
|
|
|
'SASU',
|
2019-01-30 17:38:17 +00:00
|
|
|
'auto-entrepreneur',
|
|
|
|
'auto-entrepreneur-EIRL',
|
2020-12-01 09:17:27 +00:00
|
|
|
'SA',
|
2018-11-13 15:47:49 +00:00
|
|
|
]
|
|
|
|
|
2020-04-26 17:18:18 +00:00
|
|
|
type LocalizedPath = string
|
|
|
|
type SitePathObject<T> = {
|
|
|
|
index: LocalizedPath
|
|
|
|
} & {
|
2022-03-01 14:52:55 +00:00
|
|
|
[key in keyof T]: string | SitePathObject<T[key]>
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
}
|
|
|
|
|
2022-03-01 14:52:55 +00:00
|
|
|
const rawSitePathsFr = {
|
2020-04-26 17:18:18 +00:00
|
|
|
index: '',
|
|
|
|
créer: {
|
|
|
|
index: '/créer',
|
|
|
|
...(Object.fromEntries(
|
2020-12-01 09:17:27 +00:00
|
|
|
LANDING_LEGAL_STATUS_LIST.map((statut) => [statut, `/${statut}`])
|
2020-04-26 17:18:18 +00:00
|
|
|
) as { [statut in LegalStatus]: string }),
|
|
|
|
après: '/après-la-création',
|
|
|
|
guideStatut: {
|
|
|
|
index: '/statut-juridique',
|
|
|
|
liste: '/liste',
|
|
|
|
soleProprietorship: '/responsabilité',
|
|
|
|
directorStatus: '/dirigeant',
|
|
|
|
autoEntrepreneur: '/auto-entrepreneur-ou-entreprise-individuelle',
|
|
|
|
multipleAssociates: '/nombre-associés',
|
2020-12-01 09:17:27 +00:00
|
|
|
minorityDirector: '/gérant-majoritaire-ou-minoritaire',
|
|
|
|
},
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
gérer: {
|
|
|
|
index: '/gérer',
|
|
|
|
embaucher: '/embaucher',
|
|
|
|
sécuritéSociale: '/sécurité-sociale',
|
2022-03-31 13:14:24 +00:00
|
|
|
'déclaration-charges-sociales-indépendant':
|
|
|
|
'/declaration-charges-sociales-independant',
|
|
|
|
déclarationIndépendant: {
|
|
|
|
index: '/aide-declaration-independants',
|
|
|
|
entreprise: '/entreprise',
|
|
|
|
imposition: '/imposition',
|
|
|
|
déclaration: '/declaration',
|
|
|
|
cotisations: '/cotisations',
|
|
|
|
},
|
2020-12-01 09:17:27 +00:00
|
|
|
formulaireMobilité: '/demande-mobilité',
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
simulateurs: {
|
|
|
|
index: '/simulateurs',
|
|
|
|
'auto-entrepreneur': '/auto-entrepreneur',
|
2021-05-28 10:47:39 +00:00
|
|
|
'entreprise-individuelle': '/entreprise-individuelle',
|
|
|
|
eirl: '/eirl',
|
|
|
|
sasu: '/sasu',
|
|
|
|
eurl: '/eurl',
|
|
|
|
indépendant: '/indépendant',
|
2020-04-26 17:18:18 +00:00
|
|
|
comparaison: '/comparaison-régimes-sociaux',
|
2021-01-19 09:13:05 +00:00
|
|
|
pamc: '/pamc',
|
2020-06-23 11:19:05 +00:00
|
|
|
salarié: '/salaire-brut-net',
|
2020-06-06 07:13:08 +00:00
|
|
|
'artiste-auteur': '/artiste-auteur',
|
2020-09-23 16:41:55 +00:00
|
|
|
'profession-libérale': {
|
|
|
|
index: '/profession-liberale',
|
|
|
|
médecin: '/medecin',
|
2021-09-29 12:39:40 +00:00
|
|
|
pharmacien: '/pharmacien',
|
2020-10-14 13:54:51 +00:00
|
|
|
auxiliaire: '/auxiliaire-medical',
|
2020-09-23 16:41:55 +00:00
|
|
|
'chirurgien-dentiste': '/chirurgien-dentiste',
|
2020-10-22 15:40:19 +00:00
|
|
|
'sage-femme': '/sage-femme',
|
2020-10-27 15:12:00 +00:00
|
|
|
avocat: '/avocat',
|
2020-12-01 09:17:27 +00:00
|
|
|
'expert-comptable': '/expert-comptable',
|
2020-09-23 16:41:55 +00:00
|
|
|
},
|
2020-06-06 11:45:02 +00:00
|
|
|
'chômage-partiel': '/chômage-partiel',
|
|
|
|
économieCollaborative: {
|
|
|
|
index: '/économie-collaborative',
|
2020-12-01 09:17:27 +00:00
|
|
|
votreSituation: '/votre-situation',
|
|
|
|
},
|
2021-01-08 13:34:37 +00:00
|
|
|
is: '/impot-societe',
|
2021-01-13 10:58:46 +00:00
|
|
|
'aides-embauche': '/aides-embauche',
|
2021-06-30 08:20:42 +00:00
|
|
|
dividendes: '/dividendes',
|
2022-03-07 17:24:47 +00:00
|
|
|
'exonération-covid': '/exonération-covid',
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
nouveautés: '/nouveautés',
|
|
|
|
stats: '/stats',
|
2021-01-29 13:17:33 +00:00
|
|
|
accessibilité: '/accessibilité',
|
2020-04-26 17:18:18 +00:00
|
|
|
budget: '/budget',
|
|
|
|
integration: {
|
|
|
|
index: '/intégration',
|
|
|
|
iframe: '/iframe',
|
2020-12-01 09:17:27 +00:00
|
|
|
library: '/bibliothèque-de-calcul',
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
documentation: {
|
2020-12-01 09:17:27 +00:00
|
|
|
index: '/documentation',
|
|
|
|
},
|
2020-04-26 17:18:18 +00:00
|
|
|
} as const
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
|
2022-03-01 14:52:55 +00:00
|
|
|
const rawSitePathsEn = {
|
|
|
|
...rawSitePathsFr,
|
2020-04-26 17:18:18 +00:00
|
|
|
créer: {
|
2022-03-01 14:52:55 +00:00
|
|
|
...rawSitePathsFr.créer,
|
2020-04-26 17:18:18 +00:00
|
|
|
index: '/create',
|
|
|
|
après: '/after-registration',
|
|
|
|
guideStatut: {
|
|
|
|
index: '/legal-status',
|
|
|
|
liste: '/list',
|
|
|
|
soleProprietorship: '/liability',
|
|
|
|
directorStatus: '/director',
|
|
|
|
autoEntrepreneur: '/auto-entrepreneur',
|
|
|
|
multipleAssociates: '/multiple-associates',
|
2020-12-01 09:17:27 +00:00
|
|
|
minorityDirector: '/chairman-or-managing-director',
|
|
|
|
},
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
gérer: {
|
|
|
|
index: '/manage',
|
|
|
|
embaucher: '/hiring',
|
|
|
|
sécuritéSociale: '/social-security',
|
2022-03-31 13:14:24 +00:00
|
|
|
déclarationIndépendant: {
|
|
|
|
index: '/declaration-aid-independent',
|
|
|
|
imposition: '/taxation',
|
|
|
|
entreprise: '/company',
|
|
|
|
déclaration: '/declaration',
|
|
|
|
cotisations: '/contributions',
|
|
|
|
},
|
2020-12-01 09:17:27 +00:00
|
|
|
formulaireMobilité: '/posting-demand',
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
simulateurs: {
|
2020-06-23 11:19:05 +00:00
|
|
|
index: '/calculators',
|
2020-04-26 17:18:18 +00:00
|
|
|
indépendant: '/independant',
|
2021-05-26 09:06:58 +00:00
|
|
|
'entreprise-individuelle': '/sole-proprietorship',
|
2020-04-26 17:18:18 +00:00
|
|
|
'auto-entrepreneur': '/auto-entrepreneur',
|
2021-06-02 07:43:56 +00:00
|
|
|
eirl: '/eirl',
|
|
|
|
sasu: '/sasu',
|
|
|
|
eurl: '/eurl',
|
2021-01-19 09:13:05 +00:00
|
|
|
pamc: '/pamc',
|
2020-04-26 17:18:18 +00:00
|
|
|
comparaison: '/social-scheme-comparaison',
|
2020-06-23 11:19:05 +00:00
|
|
|
salarié: '/salary',
|
2020-06-06 07:13:08 +00:00
|
|
|
'artiste-auteur': '/artist-author',
|
2020-06-06 11:45:02 +00:00
|
|
|
'chômage-partiel': '/partial-unemployement',
|
2020-09-23 16:41:55 +00:00
|
|
|
'profession-libérale': {
|
|
|
|
index: '/liberal-profession',
|
|
|
|
médecin: '/doctor',
|
2021-09-29 12:39:40 +00:00
|
|
|
pharmacien: '/pharmacist',
|
2020-09-23 16:41:55 +00:00
|
|
|
auxiliaire: '/medical-auxiliary',
|
|
|
|
'chirurgien-dentiste': '/dental-surgeon',
|
2020-10-22 15:40:19 +00:00
|
|
|
'sage-femme': '/midwife',
|
2020-10-27 15:12:00 +00:00
|
|
|
avocat: '/lawyer',
|
2020-12-01 09:17:27 +00:00
|
|
|
'expert-comptable': '/accountant',
|
2020-09-23 16:41:55 +00:00
|
|
|
},
|
2020-06-06 11:45:02 +00:00
|
|
|
économieCollaborative: {
|
|
|
|
index: '/sharing-economy',
|
2020-12-01 09:17:27 +00:00
|
|
|
votreSituation: '/your-situation',
|
|
|
|
},
|
2021-01-08 13:34:37 +00:00
|
|
|
is: '/corporate-tax',
|
2021-01-13 10:58:46 +00:00
|
|
|
'aides-embauche': '/hiring-incentives',
|
2021-06-30 08:20:42 +00:00
|
|
|
dividendes: '/dividends',
|
2022-03-07 17:24:47 +00:00
|
|
|
'exonération-covid': '/exoneration-covid',
|
2020-04-26 17:18:18 +00:00
|
|
|
},
|
|
|
|
nouveautés: '/news',
|
2021-01-29 13:17:33 +00:00
|
|
|
accessibilité: '/accessibility',
|
|
|
|
|
2020-04-26 17:18:18 +00:00
|
|
|
integration: {
|
2022-03-01 14:52:55 +00:00
|
|
|
...rawSitePathsFr.integration,
|
2020-04-26 17:18:18 +00:00
|
|
|
index: '/integration',
|
2020-12-01 09:17:27 +00:00
|
|
|
library: '/library',
|
|
|
|
},
|
2020-04-26 17:18:18 +00:00
|
|
|
} as const
|
|
|
|
|
2022-03-01 14:52:55 +00:00
|
|
|
/**
|
|
|
|
* Le but des types suivants est d'obtenir un typage statique des chaînes de caractères
|
|
|
|
* comme "simulateurs.auto-entrepreneur" utilisés comme identifiants des routes (via les pathId dans metadat-src.ts).
|
|
|
|
* Cela permet de ne pas avoir de faute dans les clés comme 'aide-embauche' au lieu de 'aides-embauche'
|
|
|
|
*/
|
|
|
|
|
|
|
|
// Transfrom string type like PathToType<'simulateurs.auto-entrepreneur', number>
|
|
|
|
// into { simulateurs : { auto-entrepreneur: number }}
|
|
|
|
type PathToType<T extends string, W> = T extends `${infer U}.${infer V}`
|
|
|
|
? { [key in U]: V extends string ? PathToType<V, W> : never }
|
|
|
|
: { [key in T]: W }
|
|
|
|
|
|
|
|
// Transform type A | B into A & B
|
|
|
|
type UnionToIntersection<T> = (
|
|
|
|
T extends unknown ? (x: T) => void : never
|
|
|
|
) extends (x: infer R) => void
|
|
|
|
? R
|
|
|
|
: never
|
|
|
|
|
|
|
|
// Union of pathId
|
|
|
|
type PathIds = MetadataSrc[keyof MetadataSrc]['pathId']
|
|
|
|
|
|
|
|
type RequiredPath = Required<UnionToIntersection<PathToType<PathIds, string>>>
|
|
|
|
|
|
|
|
// If there is a type error here, check rawSitePathsFr object matches the metadata-src.ts pathId
|
|
|
|
const checkedSitePathsFr: RequiredPath & typeof rawSitePathsFr = rawSitePathsFr
|
|
|
|
|
|
|
|
// If there is a type error here, check rawSitePathsEn object matches the metadata-src.ts pathId
|
|
|
|
const checkedSitePathsEn: RequiredPath & typeof rawSitePathsEn = rawSitePathsEn
|
|
|
|
|
2020-04-26 17:18:18 +00:00
|
|
|
function constructSitePaths<T extends SitePathObject<T>>(
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
root: string,
|
|
|
|
{ index, ...sitePaths }: T
|
|
|
|
): T {
|
|
|
|
return {
|
|
|
|
index: root + index,
|
2022-03-01 14:52:55 +00:00
|
|
|
...map((value: LocalizedPath | SitePathObject<string>) =>
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
typeof value === 'string'
|
|
|
|
? root + index + value
|
|
|
|
: constructSitePaths(root + index, value as any)
|
2020-12-01 09:17:27 +00:00
|
|
|
)(sitePaths as any),
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
} as any
|
|
|
|
}
|
|
|
|
|
2020-04-26 17:18:18 +00:00
|
|
|
export const constructLocalizedSitePath = (language: 'en' | 'fr') => {
|
2022-03-01 14:52:55 +00:00
|
|
|
const sitePaths = language === 'fr' ? checkedSitePathsFr : checkedSitePathsEn
|
2022-03-28 12:57:11 +00:00
|
|
|
|
2020-04-26 17:18:18 +00:00
|
|
|
return constructSitePaths('', sitePaths)
|
2018-11-13 15:47:49 +00:00
|
|
|
}
|
2018-11-09 11:36:29 +00:00
|
|
|
|
🔥 Migration vers TypeScript
Outils
======
Ce commit retire le tooling de Flow, et ajoute le support de TypeScript
pour les fichiers .ts et .tsx. Il n'est pas nécessaire de tout migrer
d'un coup ce qui facilite la transition. On garde en effet le
compilateur Babel avec un preset TypeScript (ce qui permet donc de
retirer à la fois les types Flow et TypeScript) plutôt que d'utiliser le
compilateur standard pour la conversion du code. Cela permet aussi de
mieux s'intégrer avec d'autres outils, notamment les test-runners.
Ajout d'une nouvelle commande `yarn run type-check`, intégrée dans
CircleCI.
Par ailleurs ajout du support de l'opérateur ?? pour donner des valeurs
par défaut (nullish-coalescing-operator).
Typage des libraires tierces
============================
Les principales libraires que nous utilisons ont un typage TypeScript de
bon niveau, ce qui facilite l'intégration. J'ai mis à jour react-i18next
et i18next afin de corriger un problème de typage.
Typage du code
==============
Le typage est loin d'être complet dans ce commit, en particulier il
manque les types relatifs au state Redux, ainsi qu'au moteur (règle,
explication). Néanmoins le typage des contextes fonctionne, en
particulier sitePaths (avec un type récursif non trivial !) qui a déjà
permis de détecter un lien mort.
Le typage des "paths" (Components/, Règles/, etc.) fonctionne bien, y
compris avec l'auto-complétion automatique des import par Typescript.
TypeScript se révèle déjà bien agréable dans VSCode (auto-complétion,
refacto, etc.) ! Reste à migrer progressivement le reste du code !
2019-10-26 16:21:09 +00:00
|
|
|
export type SitePathsType = ReturnType<typeof constructLocalizedSitePath>
|
|
|
|
|
2020-04-05 21:19:02 +00:00
|
|
|
const deepReduce = (fn: any, initialValue?: any, object?: any): any =>
|
2018-11-13 15:47:49 +00:00
|
|
|
reduce(
|
|
|
|
(acc, [key, value]) =>
|
|
|
|
typeof value === 'object'
|
|
|
|
? deepReduce(fn, acc, value)
|
|
|
|
: fn(acc, value, key),
|
|
|
|
initialValue,
|
|
|
|
toPairs(object)
|
|
|
|
)
|
|
|
|
|
2019-02-01 12:31:57 +00:00
|
|
|
type SiteMap = Array<string>
|
2022-03-28 12:57:11 +00:00
|
|
|
|
2019-11-10 15:57:44 +00:00
|
|
|
export const generateSiteMap = (sitePaths: SitePathsType): SiteMap =>
|
|
|
|
deepReduce(
|
|
|
|
(paths: Array<string>, path: string) => [...paths, ...[path]],
|
|
|
|
[],
|
|
|
|
sitePaths
|
|
|
|
)
|
|
|
|
|
2022-01-26 08:53:15 +00:00
|
|
|
const basePathFr =
|
|
|
|
import.meta.env.DEV && typeof window !== 'undefined'
|
|
|
|
? `http://${window.location.host}/mon-entreprise`
|
|
|
|
: import.meta.env.VITE_FR_BASE_URL ?? ''
|
|
|
|
|
|
|
|
const basePathEn =
|
|
|
|
import.meta.env.DEV && typeof window !== 'undefined'
|
|
|
|
? `http://${window.location.host}/infrance`
|
|
|
|
: import.meta.env.VITE_EN_BASE_URL ?? ''
|
2021-12-28 10:56:23 +00:00
|
|
|
|
2021-03-18 12:15:07 +00:00
|
|
|
const enSiteMap = generateSiteMap(constructLocalizedSitePath('en')).map(
|
2022-01-26 08:53:15 +00:00
|
|
|
(path) => basePathEn + path
|
2021-03-18 12:15:07 +00:00
|
|
|
)
|
|
|
|
const frSiteMap = generateSiteMap(constructLocalizedSitePath('fr')).map(
|
2022-01-26 08:53:15 +00:00
|
|
|
(path) => basePathFr + path
|
2021-03-18 12:15:07 +00:00
|
|
|
)
|
2018-11-13 15:47:49 +00:00
|
|
|
|
|
|
|
export const hrefLangLink = {
|
2019-11-10 15:57:44 +00:00
|
|
|
en: zipObj(
|
|
|
|
enSiteMap,
|
2020-12-01 09:17:27 +00:00
|
|
|
frSiteMap.map((href) => [{ href, hrefLang: 'fr' }])
|
2019-11-10 15:57:44 +00:00
|
|
|
),
|
|
|
|
fr: zipObj(
|
|
|
|
frSiteMap,
|
2020-12-01 09:17:27 +00:00
|
|
|
enSiteMap.map((href) => [{ href, hrefLang: 'en' }])
|
|
|
|
),
|
2018-11-13 15:47:49 +00:00
|
|
|
}
|