@movalib/movalib-commons 1.0.8 → 1.0.10

package/dist/MovaLogin.js

@@ -55,8 +55,8 @@ var react_1 = require("react");
 var lab_1 = require("@mui/lab");
 var logo_large_png_1 = __importDefault(require("./assets/images/logo/logo_large.png"));
 var logo_pro_large_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large.png"));
-var leaf_green_large_png_1 = __importDefault(require("./assets/images/logo/leaf_green_large.png"));
-var leaf_pink_large_png_1 = __importDefault(require("./assets/images/logo/leaf_pink_large.png"));
+var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green_large.png"));
+var leaf_pink_large_png_1 = __importDefault(require("./assets/images/leaf_pink_large.png"));
 var material_1 = require("@mui/material");
 var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
 var Enums_1 = require("./helpers/Enums");

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.0.8",
-  "description": "",
+  "version": "1.0.10",
+  "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && npm run copy-assets",
+    "copy-assets": "cp -r src/assets/ dist/assets/",
     "test": "echo \"Error: no test specified\" && exit 1",
     "clean": "rm -rf dist node_modules package-lock.json"
   },
@@ -29,6 +33,8 @@
     "@mui/material": "^5.13.5",
     "@mui/icons-material": "^5.11.16",
     "@mui/lab": "^5.0.0-alpha.134",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@types/react": "^18.2.22",
     "@types/react-dom": "^18.2.7",
     "typescript": "^4.9.5"

package/PV_README.md

@@ -1,15 +0,0 @@
-# 1. build this movalib commons lib
-
-### `npm build`
-
-# 2. publish this movalib commons lib (public)
-
-### `npm login`
-### `npm publish --access=public`
-
-# 3. publish this movalib commons lib (private)
-
-Make shure that "private=true" in your package.json
-
-### `npm login`
-### `npm publish --access=restricted`

package/src/MovaCopyright.tsx

@@ -1,17 +0,0 @@
-import React, { FunctionComponent } from "react";
-import { Link, Typography } from "@mui/material";
-
-function MovaCopyright(props: any) {
-    return (
-        <Typography variant="body2" color="text.secondary" align="center" {...props}>
-            {'Copyright © '}
-            <Link color="inherit" href="https://www.movalib.com">
-                Movalib.com
-            </Link>{' '}
-            {new Date().getFullYear()}
-            {'.'}
-        </Typography>
-    );
-}
-
-export default MovaCopyright;

package/src/MovaLogin.tsx

@@ -1,195 +0,0 @@
-import { CSSProperties, FormEvent, FunctionComponent, useState } from "react";
-import { LoadingButton } from '@mui/lab';
-import LogoLarge from './assets/images/logo/logo_large.png';
-import LogoProLarge from './assets/images/logo/logo_pro_large.png';
-import GreenLeafImage from './assets/images/logo/leaf_green_large.png';
-import PinkLeafImage from './assets/images/logo/leaf_pink_large.png';
-import { Alert, Box, Checkbox, Container, CssBaseline, FormControlLabel, Grid, Link, TextField } from "@mui/material";
-import MovaCopyright from "./MovaCopyright";
-import { MovaLoginForm, MovaFormField } from "./helpers/Types";
-import { MovaAppType } from "./helpers/Enums";
-import { validateEmail } from "./helpers/Validator";
-
-// Permet de centrer le contenu de l'application
-const styles: CSSProperties = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    height: '100vh', // Ajustez la hauteur en fonction de vos besoins
-};
-
-const initialFormState = {
-    email: { value: '', isValid: true },
-    password: { value: '', isValid: true },
-};
-
-interface MovaLoginProps {
-    movaAppType: MovaAppType | "GARAGE" | "USER" | "ADMIN",
-    onSubmit: (form: MovaLoginForm) => void,
-    loading?: boolean
-}
-
-const MovaLogin: FunctionComponent<MovaLoginProps> = ({ loading, movaAppType, onSubmit }) => {
-
-    const [form, setForm] = useState<MovaLoginForm>(initialFormState);
-    const [message, setMessage] = useState<string>("");    
-    //const [loading, setLoading] = useState(false);
-
-    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void => {
-        const fieldName: string = e.target.name;
-        const fieldValue: string = e.target.value;
-        const newField: MovaFormField = { [fieldName]: { value: fieldValue, isValid: true } };
-
-        setForm({ ...form, ...newField});
-    }
-
-    const handleSubmit = async (e: FormEvent) => {
-        e.preventDefault();
-        try {
-            if(validateForm() && onSubmit) {
-                // Si le formulaire est valide, on appel la function callback transmise en props
-                onSubmit(form);
-            }
-
-        }catch (error){
-            console.error('Error occurred during submission:', error);
-        }
-    }
-
-    const validateForm = () => {
-        let newForm: MovaLoginForm = form;
-
-        // Validator email
-        if(!validateEmail(form.email.value.length)) {
-            const errorMsg: string = 'Adresse email invalide';
-            const newField: MovaFormField = { value: form.email.value, error: errorMsg, isValid: false };
-            newForm = { ...newForm, ...{ email: newField } };
-        } else {
-            const newField: MovaFormField = { value: form.email.value, error: '', isValid: true };
-            newForm = { ...newForm, ...{ email: newField } };
-        }
-
-        // Validator password
-        if(form.password.value.length < 8) {
-            const errorMsg: string = 'Votre mot de passe doit faire au moins 8 caractères de long.';
-            const newField: MovaFormField = {value: form.password.value, error: errorMsg, isValid: false};
-            newForm = { ...newForm, ...{ password: newField } };
-        } else {
-            const newField: MovaFormField = { value: form.password.value, error: '', isValid: true };
-            newForm = { ...newForm, ...{ password: newField } };
-        }
-
-        setForm(newForm);
-
-        return newForm.email.isValid && newForm.password.isValid;
-    }    
-
-    const getMovaLogo = () => {
-
-        return movaAppType === MovaAppType.GARAGE ? LogoProLarge :
-            movaAppType === MovaAppType.USER ? LogoLarge : 
-            movaAppType === MovaAppType.ADMIN ? LogoLarge : LogoLarge;
-    }
-
-
-    return (
-        <div style={styles}>
-            <img src={GreenLeafImage} style={{position: 'fixed', 
-                float:'left',
-                width: '250px',
-                height: '400px',
-                top: '-20%',
-                left: '3%',
-                opacity: '0.3',
-                zIndex: -8}} alt='Feuille Verte Movalib'></img>
-        
-            <Container component="main" maxWidth="xs">
-                <CssBaseline />
-                <Box
-                    sx={{
-                        marginTop: 6,
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                    }}
-                    >
-                    <img src={getMovaLogo()} style={{width:'80%'}}/>
-                    <br />
-                </Box>
-
-                <Box component="form" onSubmit={handleSubmit} noValidate sx={{ mt: 1 }}>
-                    <TextField
-                        margin="normal"
-                        required
-                        fullWidth
-                        id="email"
-                        label="Adresse email"
-                        name="email"
-                        autoComplete="email"
-                        autoFocus
-                        onChange={e => handleInputChange(e)}
-                        value={form.email.value}
-                        error={!form.email.isValid}
-                        helperText={form.email.error}
-                    />
-                    <TextField
-                        margin="normal"
-                        required
-                        fullWidth
-                        name="password"
-                        label="Mot de passe"
-                        type="password"
-                        id="password"
-                        autoComplete="current-password"
-                        onChange={e => handleInputChange(e)}
-                        value={form.password.value}
-                        error={!form.password.isValid}
-                        helperText={form.password.error}                    
-                    />
-                    <FormControlLabel control={<Checkbox value="remember" color="primary" />}
-                        label="Se souvenir de moi"
-                    />
-                    {/* <MyLoadingButton
-                        type={ButtonType.SUBMIT}
-                        label="Se connecter" /> */}
-                        
-                    <LoadingButton
-                        loading={loading}
-                        type="submit"
-                        fullWidth
-                        variant="contained"
-                        sx={{ mt: 3, mb: 2 }}>
-                        <span>Se connecter</span>
-                    </LoadingButton>
-                    
-                    {message && <Alert severity="error" sx={{ mb: 2 }}>{message}</Alert>}
-
-                    <Grid container>
-                        <Grid item xs>
-                            <Link href="#" variant="body2" color="text.secondary">
-                                Mot de passe oublié ?
-                            </Link>
-                        </Grid>
-                        <Grid item>
-                            <Link href="#" variant="body2" color="text.secondary">
-                            {"Créer un compte"}
-                            </Link>
-                        </Grid>
-                    </Grid>
-                </Box>
-                <MovaCopyright sx={{ mt: 8, mb: 4 }} />
-            </Container>
-
-            <img src={PinkLeafImage} style={{position: 'fixed', 
-                float:'right',
-                width: '250px',
-                height: '400px',
-                bottom: '-20%',
-                right: '3%',
-                opacity: '0.3',
-                zIndex: '-10'}} alt='Feuille Rose Movalib'></img>
-        </div>
-    );
-};
-
-export default MovaLogin;

package/src/MovaSnackbar.tsx

@@ -1,65 +0,0 @@
-// MovaSnackbar.tsx
-import React, { FunctionComponent } from 'react';
-import { Snackbar, Alert, IconButton, SnackbarCloseReason } from '@mui/material';
-import CloseIcon from '@mui/icons-material/CloseRounded';
-
-interface MovaSnackbarProps {
-  snackbar: {
-    open: boolean;
-    message: string;
-    severity: 'success' | 'info' | 'warning' | 'error' | undefined;
-  };
-  setSnackbar: (snackbar: {
-    open: boolean;
-    message: string;
-    severity: 'success' | 'info' | 'warning' | 'error' | undefined;
-  }) => void;
-}
-
-const MovaSnackbar: FunctionComponent<MovaSnackbarProps> = ({ snackbar, setSnackbar }) => {
-
-  /**
-   * Gestion de la fermeture de la snackbar. Si la raison de cette fermeture est
-   * un clic en dehors de la zone de contenu on intercepte et annule la fermeture 'clickaway'.
-   * @param event Evénnement de fermeture
-   * @param reason Origine de l'événnement de fermeture
-   * @returns 
-   */
-  const handleClose = (event: globalThis.Event | React.SyntheticEvent<any, globalThis.Event>, 
-    reason: SnackbarCloseReason) => {
-    
-      if (reason === 'clickaway') return;
-
-      setSnackbar({ open: false, message: '', severity: undefined });
-  };
-
-  const handleCloseAlert = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-    setSnackbar({ open: false, message: '', severity: undefined });
-  };
-
-  return (
-    <Snackbar open={snackbar.open} autoHideDuration={5000} onClose={handleClose}>
-      <Alert severity={snackbar.severity} variant="filled" sx={{ width: '100%' }}
-        action={
-            <>
-              {/* TODO : possiblité d'annuler l'action qui vient d'avoir lieu */}
-            {/*   <Button color="inherit" size="small" onClick={handleCancelAction}>
-                Annuler
-              </Button> */}
-              <IconButton
-                size="small"
-                aria-label="close"
-                color="inherit"
-                onClick={handleCloseAlert}
-              >
-                <CloseIcon fontSize="small" />
-              </IconButton>
-            </>
-        }>
-        {snackbar.message}
-      </Alert>
-    </Snackbar>
-  );
-};
-
-export default MovaSnackbar;

package/src/TestButton.tsx

@@ -1,12 +0,0 @@
-// src/Button.tsx
-import React from 'react';
-
-interface TestButtonProps {
-  label: string;
-}
-
-const TestButton: React.FC<TestButtonProps> = ({ label }) => {
-  return <button>{label}</button>;
-};
-
-export default TestButton;

package/src/helpers/Enums.ts

@@ -1,38 +0,0 @@
-
-export enum MovaAppType {
-    /**
-    * Application Garagiste
-    */
-    GARAGE = "GARAGE",
-    /**
-    * Application Utilisateur (automobiliste)
-    */
-    USER = "USER",
-    /**
-     * Application Administrateur (MovaTeam)
-     */
-    ADMIN = "ADMIN"
-}
-
-export enum RoleType {
-    /**
-     * Client du centre auto (automobiliste)
-     */
-    CUSTOMER = "CUSTOMER",
-    /**
-     * Technicien du centre auto
-     */
-    TECHNICIAN = "GARAGE_LEADER",
-    /**
-     * Chef d'atelier
-     */
-    GARAGE_LEADER = "GARAGE_LEADER",
-    /**
-     * Administrateur du centre auto (propriétaire ou dirigeant)
-     */
-    GARAGE_ADMIN = "ADMINISTRATOR",
-    /**
-     * Super-Administrateur (team Movalib)
-     */
-    MOVALIB_ADMIN = "MOVALIB_ADMIN",
-}

package/src/helpers/Tools.ts

@@ -1 +0,0 @@
-export {}

package/src/helpers/Types.ts

@@ -1,11 +0,0 @@
-
-export type MovaLoginForm = {
-    email: MovaFormField,
-    password: MovaFormField
-}
-
-export type MovaFormField = {
-    value?: any,
-    error?: string,
-    isValid?: boolean
-}

package/src/helpers/Validator.ts

@@ -1,57 +0,0 @@
-/**
- * Un email valide
- */
-const emailRegex:RegExp  = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
-
-/**
- * Un mot de passe qui contient au moins une majuscule, une minuscule, un chiffre 
- * et un caractère spécial. La longueur du mot de passe doit être d'au moins 8 caractères.
- */
-const passwordRegex:RegExp  = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
-
-/**
- * Un numéro de téléphone (10 chiffres) 
- */
-const phoneNumberRegex:RegExp  = /^\d{0,10}$/;
-
-/**
- * Un code postal (5 chiffres)
- */
-const postalCodeRegex:RegExp  = /^\d{5}$/;
-
-/**
- * Une URL valide
- */
-const urlRegex:RegExp =/^(ftp|http|https):\/\/[^ "]+$/;
-
-/**
- * Un nom pouvant contenir des lettres, chiffres d'une taille comprise entre 3 et 20 caractères
- */
-const userNameRegex:RegExp = /^[a-z0-9_-]{3,20}$/;
-
-/**
- * Un texte pouvant contenir des lettres, chiffres et quelques caractères spéciaux
- */
-const textRegex:RegExp = /^[a-zA-Z0-9\s.,!?'"()+=-_-éèçà]+$/;
-
-
-export function validatePhoneNumber(phoneNumber: string) : boolean {
-    if (phoneNumber === null || phoneNumber === undefined) {
-        return false;
-    }
-    return phoneNumberRegex.test(phoneNumber);
-}
-
-export function validateText(text: string) : boolean {
-    if (text === null || text === undefined) {
-        return false;
-    }
-    return textRegex.test(text);
-}
-
-export function validateEmail(email: string) : boolean {
-    if (email === null || email === undefined) {
-        return false;
-    }
-    return emailRegex.test(email);
-}

package/src/index.ts

@@ -1,20 +0,0 @@
-// src/index.ts
-
-// Export des composants
-export { default as TestButton } from './TestButton';
-export { default as MovaSnackbar } from './MovaSnackbar';
-export { default as MovaLogin } from './MovaLogin';
-export { default as MovaCopyright } from './MovaCopyright';
-
-// Export des classes
-export { default as User } from './models/User';
-export { default as Role } from './models/Role';
-export { default as Address } from './models/Address';
-
-// Export des types
-export type { MovaFormField } from './helpers/Types';
-export type { MovaLoginForm } from './helpers/Types';
-
-// Export des enums
-export { RoleType } from './helpers/Enums';
-export { MovaAppType } from './helpers/Enums';

package/src/models/Address.ts

@@ -1,28 +0,0 @@
-export default class Address {
-
-  id: string;   // UUID
-  streetName: string; // Street number & name
-  postalCode: string; // Postal code
-  cityName: string; // City name
-  country: string; // Country name
-  countryCode: string;  // Country ISO code
-  additional?: string; // Additional address information (optional)
-
-  constructor(
-      id: string,
-      streetName: string,
-      postalCode: string,
-      cityName: string,
-      country: string,
-      countryCode: string,
-      additional?: string
-  ) {
-      this.id = id;
-      this.streetName = streetName;
-      this.postalCode = postalCode;
-      this.cityName = cityName;
-      this.country = country;
-      this.countryCode = countryCode;
-      this.additional = additional;
-  }
-}

package/src/models/Role.ts

@@ -1,16 +0,0 @@
-export default class Role {
-
-    id:string;
-    isActive: boolean;
-    authorizations: string[];
-
-    constructor(
-        id:string,
-        isActive: boolean = true,
-        authorizations: string[]
-    ) {
-        this.id = id;
-        this.isActive = isActive;
-        this.authorizations = authorizations;
-    }
-}

package/src/models/User.ts

@@ -1,59 +0,0 @@
-import { RoleType } from "../helpers/Enums";
-import Address from './Address';
-
-export default class User {
-
-    // Properties
-    id: string;
-    roles: string[];
-    firstname: string;
-    lastname: string;
-    avatar: string;
-    email: string;
-    password: string;
-    created: Date;
-    addresses? : Address[] 
-    phoneNumber?: string;
-
-    constructor(
-        id: string,
-        roles: string[],
-        firstname: string = '',
-        lastname: string = '',
-        avatar: string = '',
-        email: string = '',
-        password: string = '',
-        created: Date = new Date(),
-        addresses?: Address[],
-        phoneNumber?: string 
-    ) {
-        this.id = id;
-        this.roles = roles;
-        this.firstname = firstname;
-        this.lastname = lastname;
-        this.avatar = avatar;
-        this.email = email;
-        this.password = password;
-        this.created = created;
-        this.addresses = addresses;
-        this.phoneNumber = phoneNumber;
-    }
-
-    static getFirstLetter = (user: User) : string => {
-
-        const firstLetter = user.lastname[0].toUpperCase();
-        return /[0-9]/.test(firstLetter) ? '0-9' : firstLetter;
-    }
-
-    static isCustomer = (user: User) : boolean => {
-        if(!user || !user.roles) return false;
-
-        return Boolean(user.roles.find(r => r = RoleType.CUSTOMER));
-    }
-
-    static isTechnician = (user: User) : boolean => {
-        if(!user || !user.roles) return false;
-
-        return Boolean(user.roles.find(r => r = RoleType.TECHNICIAN));
-    }
-}

package/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/tsconfig.json

@@ -1,114 +0,0 @@
-{
-  "compilerOptions": {
-    /* Visit https://aka.ms/tsconfig to read more about this file */
-
-    /* Projects */
-    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
-    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
-    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
-    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
-    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
-    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
-
-    /* Language and Environment */
-    "target": "es5",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],                                       /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-    "jsx": "react-jsx",                                /* Specify what JSX code is generated. */
-    // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
-    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
-    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
-    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
-    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
-    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
-    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
-    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
-    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
-
-    /* Modules */
-    "module": "CommonJS",                                /* Specify what module code is generated. */
-    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
-    "moduleResolution": "node",                     /* Specify how TypeScript looks up a file from a given module specifier. */
-    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
-    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
-    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
-    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
-    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
-    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
-    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
-    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
-    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
-    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
-    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
-    "resolveJsonModule": true,                        /* Enable importing .json files. */
-    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
-    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
-
-    /* JavaScript Support */
-    "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
-    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
-    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
-
-    /* Emit */
-    "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
-    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
-    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
-    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
-    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
-    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
-    // "removeComments": true,                           /* Disable emitting comments. */
-    //"noEmit": true,                                   /* Disable emitting files from a compilation. */
-    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
-    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
-    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
-    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
-    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
-    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
-    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
-    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
-    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
-    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
-    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
-    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
-    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
-
-    /* Interop Constraints */
-    "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
-    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
-    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
-    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
-    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
-    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
-
-    /* Type Checking */
-    "strict": true,                                      /* Enable all strict type-checking options. */
-    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
-    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
-    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
-    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
-    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
-    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
-    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
-    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
-    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
-    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
-    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
-    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
-    "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
-    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
-    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
-    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
-    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
-    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
-
-    /* Completeness */
-    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
-  },
-  "include": ["src"]
-}